label属性 - ラベル

■ 概要

項　　目説　　明
記述形式 src = "ラベル"   
値 の形式 テキスト   
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa?+   
適用可能な要素
（種　　類）		 <optgroup>，<option>，<track>   
（固有属性）   
継　　承 しない

■ 解説

label属性 は，

optgroup 要素，option 要素，track 要素 に対して，
ユーザーから見ることができるラベル をつけます。

より具体的には，

[1] optgroup 要素 で，
選択項目をグループ化したときの，グループ名を指定します。　この属性で指定したグループ名が，個々の選択項目とともにメニューに表示されます。

[2] option 要素 で，
選択項目として表示するテキストを指定します。　対応したブラウザーでは，この属性で指定されたテキストが，<option> 要素の内容（本来，選択肢として表示されるテキスト）よりも優先して表示されます。

[3] track 要素 で，
audio 要素 や，video 要素 に対して，字幕，キャプション，チャプターなどのトラック情報を指定するのが track 要素 です。　その内容を示すようなテキストを指定します。

■ 使用例１（ label属性の <optgroup> での利用）

HTMLソース
HTML
<body> ～ </body>		 
<p>メインでお使いのブラウザーは？</p>
<select name="browser">
   <optgroup label="Internet Explorer">
      <option>IE10</option>
      <option>IE11</option>
   </optgroup>
   <optgroup label="Firefox">
      <option>Firefox30+</option>
      <option>Firefox35+</option>
      <option>Firefox40+</option>
   </optgroup>
</select>

ブラウザー 表示例

■ 使用例２（label属性の <option> での利用）

HTMLソース
HTML
<body> ～ </body>		 
<p>
   当店を選んだ理由は？　
   <select name="good1">
      <option value="1" label="知名度">値１</option>
      <option value="2" label="オリジナリティ">値２</option>
   </select>
</p>

ブラウザー 表示例

当店を選んだ理由は？　

■ 使用例３（label属性の <option> での利用）

HTMLソース
HTML
<body> ～ </body> 
<video src="brave.webm">
 <track kind="subtitles" src="brave.ja.vtt" srclang="ja" label="Japanese">
 <track kind="subtitles" src="brave.en.vtt" srclang="en" label="English">
 <track kind="subtitles" src="brave.de.vtt" srclang="de" label="Deutsch">
</video>

ブラウザー表示例　（実際のファイルがないので表示できません）

■ 備考

【参考ページ】