label タグエレメント
label タグエレメントは、<input>、<select>、<textarea> といった <form> の入力部品にその名称などを示すための HTML タグエレメントです。
<label for="old" >何才ですか? : </label><input type="number" id="old" name="old" />
<label> と <form> の入力部品との関連付けの方法には2通りあります。
<label> で <form> の入力部品を囲むだけの方法。
または、<label> の for 属性と <input>、<select>、<textarea> の id 属性で関連付けを行う方法です。
<label>アジサイの色 : <input type="text" name="example" /></label>
<label for="example_id" >アジサイの色 : </label> <input type="text" name="example" id="example_id" />
<label> エレメントは <input>、<select>、<textarea> に名称を与える機能の他に、関連する <label> エレメントの名称を JavaScript で変更するといった操作や CSS によって連動してスタイルを変更するといったことができます。
ブラウザは、<input>、<select>、<textarea> に関連する <label> エレメントは上記のような label で囲むや for や id 属性によって知ることができます。
属性
グローバル属性も持ちます。以下に主な属性のみを示します。
JavaScript
<label>の定義は HTMLLabelElement インターフェイスを参照してください。