備忘録的プログラミングリファレンス

label タグエレメント

 label タグエレメントは、<input><select><textarea> といった <form> の入力部品にその名称などを示すための HTML タグエレメントです。

<label>
<label for="old" >何才ですか? : </label><input type="number" id="old" name="old" />

 <label> と <form> の入力部品との関連付けの方法には2通りあります。
 <label> で <form> の入力部品を囲むだけの方法。 または、<label> の for 属性と <input><select><textarea> の id 属性で関連付けを行う方法です。

labelで囲む
<label>アジサイの色 : <input type="text" name="example" /></label>
for属性で指定
<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 属性によって知ることができます。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
forid 値をもつエレメントに関連付けをする

<form> 部品 HTML

 以下に<input><select><textarea> といった <form> 部品を編集してください。


JavaScript

 <label>の定義は HTMLLabelElement インターフェイスを参照してください。