<input size>input要素の大きさを指定

<input>タグにsize属性を指定すると、input要素の大きさ(幅)を文字数で指定することができます。

値は整数で指定する必要があり、その数値が半角英数字1文字分の横幅として処理されるようです。 ただしブラウザごとにレンダリング結果が異なるようで、ブラウザごとに表示を揃えたい場合はCSSでの調整が必要となります。

書式

  • <input size="値" 属性="値"> ……… input要素の幅を文字数で指定

使用した時の例

<form method="post" action="sample.cgi">
  <p>size10:<input type="text" size="10"></p>
  <p>size20:<input type="text" size="20"></p>
  <p>size30:<input type="text" size="30"></p>
</form>

ブラウザ上の表示例

size10:

size20:

size30:

対応ブラウザなどのデータ

形式 <input type=""> カテゴリ フローコンテンツ, フレージングコンテンツ,フォーム関連要素(リスト化・ラベル付け・送信・リセット可能) / type属性値がhiddenでない場合はインタラクティブコンテンツ, パルパブル・コンテンツ
親要素 フレージングコンテンツが期待できる場所 子要素 なし
開始タグ 必須 終了タグ なし
グローバル属性 accesskey / class / contenteditable / contextmenu / dir / draggable / hidden / id / lang / spellcheck / style / tabindex / title / translate
対応ブラウザ Internet Explorer8~ , Google Chrome14~ , Firefox7~ , Opera11.5~ , Safari5.1~