|
 |
|
ラベル <LABEL>
テキスト領域やチェックボックスなどのフォームの構成部品にラベルを付けることができます。
<LABEL>タグは、主にラジオボタンとチェックボックスの使用時に、選択肢の文章にラベルを貼ってラベルと部品を関連付けることで、ラベルをクリックしてもボタンをチェックしたのと同じ効果を出すために用いられます。
| 属性 |
値 |
機能 |
記述例 |
| for |
部品のID属性 |
ラベルとの関連付け |
<LABEL for="txt"> |
| accesskey |
キー |
ショートカットキー |
<LABEL accesskey="b"> |
サンプル
ラベル
チェックボックス・ラジオボタンでラベルと部品を関連付けます。
|
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。
<H2>ラベル</H2>
<P>チェックボックス・ラジオボタンでラベルと部品を関連付けます。</P>
<FORM>
<INPUT type="checkbox" id="i1"><LABEL for="i1">チェック可能です。</LABEL><BR>
<INPUT type="checkbox" id="i2"><LABEL for="i2">チェック可能です。</LABEL><BR>
<INPUT type="checkbox" id="i3"><LABEL for="i3">チェック可能です。</LABEL><BR><BR>
<INPUT type="radio" name="rdo" id="r1"><LABEL for="r1">ラジオボタン１</LABEL>
<INPUT type="radio" name="rdo" id="r2"><LABEL for="r2">ラジオボタン２</LABEL>
<INPUT type="radio" name="rdo" id="r3"><LABEL for="r3">ラジオボタン３</LABEL><BR>
</FORM> |
解説・注意点など
for属性で指定する値は、関連付けする部品のid属性と同じ値にしなければなりません。
← HTMLタグリファレンス/Tipsに戻る
|
|
|
