“input”要素~“size”属性

“size”属性について

“size”属性は“input”要素で表される入力欄の横幅を指定する属性です。

“size”属性は“type”属性に以下の値が指定されている場合に使用できます。

• “text”
• “search”
• “url”
• “tel”
• “email”
• “password”

“size”属性の値は入力欄に最低限表示するべき文字数で指定します。

“size”属性を省略した場合の既定値は“20”です。

ユーザーは“size”属性の値となる文字数を超えて入力することができます。入力可能な文字数を制限したい場合は“maxlength”属性で指定します。

入力欄の横幅はスタイルシートの“width”プロパティでも指定することができます。“width”プロパティでの横幅の指定は“size”属性よりも優先されます。

指定できる値

サンプルコード

<form method="post" action="sample-inputtag4.php" target="_blank">

<fieldset>

<p><label>好きな野菜：<input type="text" name="vege" size="40"></p>
<p><label>好きな果物：<input type="text" name="fruit" size="40"></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

好きな野菜：

好きな果物：

送信する