HTML <option> label属性

定義と用法

label 属性はオプションの短いバージョンを指定します。

この短いバージョンはドロップダウンリストに表示されます。

option要素でlabel属性を使用します:

<label for="cars">自動車ブランドを選んでください:</label>
<select id="cars">
  <option label="アウディ">アウディ (オートユニオン・ドイツ・インゴルシュタット)</option>
  <option label="BYD">BYD (夢を築く)</option>
  <option label="ベンツ">メルセデス (メルセデス・ベンツ)</option>
  <option label="ボルボ">ボルボ (ラテン語で「私は転がる」を意味します)</option>
</select>

実際に試してみてください

文法

<option label="text">

属性値

説明
text オプションの短いバージョン。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

クローム エッジ ファイアフォックス サファリ オペラ
クローム エッジ ファイアフォックス サファリ オペラ
サポートされています 8.0 サポートされていません サポートされています サポートされています