label

label要素は、コントロールのラベルを明示します。ラベルというのは、ユーザがコントロールを識別する時に使う文字列の事です。例えばbutton要素やボタン系input要素なら、ボタンの上に描画される文字列を見れば、そのボタンがどういう目的を持っているかを知る事ができます。これらのラベルはvalue属性で指定されます。

一方、テキスト入力欄やチェックボックスでは、そのままでは何の為のものなのか判りません。すぐ横にPCDATAデータタイプとして文字列を書いておけばそれとなく対応関係が判りますが、明確とまでは言えません。そこで使われるのがこのlabel要素です。

label要素の子要素として、PCDATAデータタイプと対応するコントロールを持つというものです。PCDATAデータタイプの位置はコントロールの前でも後でも構いませんが、コントロールの数は一つだけである必要があります。

この方法では、チェックボックスagreementと「使用許諾契約に同意する」という文字列が関連付けられます。簡単ですが、この方法はサポート状況がよくなかったりします。また、ラベルとコントロールを別々のセルに配置するようなテーブルの場合は、使う事すらできません。

for属性を用いて、IDを明示的に指定する方法です。label要素の内容はラベル文字列だけなので、コントロールとラベルが離れていてもいいですし、ユーザーエージェントのサポート状況も良好です。

大体の場合、一つのコントロールが持つラベルは一つですが、場合によっては一つのコントロールが複数のラベルを持つ事もできます(その逆、つまり一つのラベルが複数のコントロールを指す事はできません)。

解説を参照して下さい。