HTML <select>サイズ属性
例
3つの表示可能なオプションを含むドロップダウンリスト：
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars" size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
定義と使用法
このsize属性は、ドロップダウンリストに表示されるオプションの数を指定します。
属性の値がsize1より大きく、リスト内のオプションの総数よりも小さい場合、ブラウザーはスクロールバーを追加して、表示するオプションが他にもあることを示します。
ブラウザのサポート
| Attribute | |||||
|---|---|---|---|---|---|
| size | Yes | Yes | Yes | Yes | Yes |
注： ChromeとSafariでは、この属性がとで期待どおりに機能しない場合がsize="2"あり
size="3"ます。
構文
<select size="number">
属性値
| Value | Description |
|---|---|
| number | The number of visible options in the drop-down list. Default value is 1. If the multiple attribute is present, the default value is 4 |
❮HTML<select>タグ