<option> の仕様
<option>の属性
【構文】
<select name="セレクト名">
<option value="1">選択肢1</option>
<option value="2" selected>選択肢2</option>
<option value="3" disabled>選択肢3</option>
</select>
属性 | 意味 | 値のサンプルなど |
disabled | 使用不可の指定 | - |
label="名称" | ラベル名を指定 | - |
selected | ページ表示時に選択状態とする指定 | - |
value="値" | 送信する値を指定 | - |
ページTOP
<option>のサンプル
セレクトボックスのサンプル
<p>該当するものを選択してください</p>
<select name="sample1">
<option value="1">選択肢1</option>
<option value="2" selected>選択肢2</option>
<option value="3" disabled>選択肢3</option>
<option value="4">選択肢4</option>
<option value="5">選択肢5</option>
</select>
該当するものを選択してください
データリストのサンプル
(safariはデータリスト未対応です)
<input type="text" name="test" list="samplelist">
<datalist id="samplelist">
<option value="BP-RED" label="ボールペン(赤)"></option>
<option value="BP-BLACK" label="ボールペン(黒)"></option>
<option value="BP-OTHER" label="ボールペン(その他)"></option>
</datalist>
ブラウザにより見た目は変わります。イメージは、
<datalist>を参照ください。
ページTOP
留意事項
ページTOP