HTMLサイズ属性


定義と使用法

入力要素の場合、size属性は要素の表示幅を文字数で指定します <input>

select要素の場合、size属性はドロップダウンリストに表示されるオプションの数を指定します。


に適用されます

このsize属性は、次の要素で使用できます。

要素 属性
<入力> サイズ
<選択> サイズ

入力例

35文字と4文字の幅の2つの入力フィールドを持つHTMLフォーム:

<form action="/action_page.php">
  Email: <input type="text" name="email" size="35"><br>
  PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
  <input type="submit" value="Submit">
</form>

例を選択

3つの表示可能なオプションを含むドロップダウンリスト:

<select size="3">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

ブラウザのサポート

このsize属性では、要素ごとに次のブラウザがサポートされています。

Element
input 1.0 2.0 1.0 1.0 1.0
select Yes Yes Yes Yes Yes