HTML ラベルの使用に関するチュートリアル label_Basic チュートリアル

Dreamweaver8 では、フォームやフォーム オブジェクト、テキスト ボックスなどが追加されるとすぐに、 がコードに追加されます。このラベルが何をするのかまったく理解できませんでした。今日説明を見ました:
Label には非常に便利な 2 つの属性があります。1 つは FOR で、もう 1 つは ACCESSKEY です。
FOR 属性
機能: Label タグにバインドされる HTML 要素を示します。このタグをクリックすると、バインドされた要素がフォーカスを取得します。
使用法: Name

ACCESSKEY 属性:
機能: Label タグにバインドされた要素へのアクセスを示しますホットキーを押すと、バインドされた要素がフォーカスされます。
使用法: Name
制限事項: accessKey 属性で設定されたショートカット キーはブラウザのショートカット キーが競合している場合、ブラウザのショートカット キーが最初にアクティブになります。

注
LABEL を別のコントロールにバインドするには、LABEL 要素の FOR 属性をコントロールと同じ ID に設定します。 LABEL をコントロールの NAME プロパティにバインドしても役に立ちません。ただし、フォームを送信するには、LABEL 要素がバインドされているコントロールの名前を指定する必要があります。
指定したショートカットキーに下線を付ける方法は2通りあります。 LABEL 要素のリッチ テキスト サポートにより、ACCESSKEY 属性で指定されたショートカット キー文字の両側に U 要素を追加できます。スタイルシート (CSS) を使用してスタイルを適用したい場合は、SPAN に文字を含めて、スタイルを「text-decoration: Underline」に設定できます。

ユーザーが LABEL をクリックすると、まず LABEL の onclick イベントがトリガーされ、次に htmlFor 属性で指定されたコントロールの onclick イベントがトリガーされます。 LABEL で設定されたショートカット キーを押すとフォーカスが設定されますが、onclick イベントはトリガーされません。

注意事項:
1. タグのネストは許可されません。
2. この要素は、Internet Explorer 4.0 以降の HTML およびスクリプトで使用できます。
3. この要素はインライン要素です。
4. この要素には終了タグが必要です。

要素のサンプル コード
次の例では、LABEL 要素と ACCESSKEY 属性を使用して、テキスト ボックスのフォーカスを設定します。

name: ALT 1 を押してテキスト ボックスphpcnltphp cn /font>


デモ:
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>HTML </title>