Tutorial zur Verwendung des HTML-Labels label_Grundlegendes Tutorial

Sobald in Dreamweaver8 ein Formular oder ein Formularobjekt, ein Textfeld usw. hinzugefügt wird, wird dem Code ein hinzugefügt Habe es heute gerade gesehen. Hier kommt die Erklärung:
Es gibt zwei Attribute in Label, die sehr nützlich sind, eines ist FOR und das andere ist ACCESSKEY.
FOR-Attribut
Funktion: Gibt das HTML-Element an, das an das Label-Tag gebunden werden soll. Wenn Sie auf dieses Tag klicken, erhält das gebundene Element den Fokus.
Verwendung: Name

ACCESSKEY-Attribut:
Funktion: Stellt dar ein Hotkey, der auf das an das Label-Tag gebundene Element zugreift. Wenn Sie den Hotkey drücken, erhält das gebundene Element den Fokus.
Verwendung: Name
Einschränkungen: accessKey-Attribut Die festgelegte Verknüpfung Die Tasten dürfen nicht mit den Tastenkombinationen des Browsers in Konflikt geraten, andernfalls werden die Tastenkombinationen des Browsers zuerst aktiviert.

Kommentare
Um LABEL an ein anderes Steuerelement zu binden, setzen Sie das FOR-Attribut des LABEL-Elements auf dieselbe ID wie das Steuerelement. Das Binden von LABEL an die NAME-Eigenschaft des Steuerelements ist nutzlos. Um das Formular abzusenden, müssen Sie jedoch einen Namen für das Steuerelement angeben, an das das LABEL-Element gebunden ist.
Es gibt zwei Möglichkeiten, der angegebenen Tastenkombination eine Unterstreichung hinzuzufügen. Die Rich-Text-Unterstützung des LABEL-Elements ermöglicht das Hinzufügen von U-Elementen auf beiden Seiten der durch das ACCESSKEY-Attribut angegebenen Tastenkombinationszeichen. Wenn Sie zum Anwenden von Stilen lieber Stylesheets (CSS) verwenden möchten, können Sie das Zeichen in SPAN einbinden und den Stil auf „text-decoration: underline“ setzen.

Wenn der Benutzer auf LABEL klickt, wird zuerst das Onclick-Ereignis auf LABEL ausgelöst, und dann wird das Onclick-Ereignis auf dem durch das htmlFor-Attribut angegebenen Steuerelement ausgelöst. Durch Drücken der von LABEL festgelegten Tastenkombination wird der Fokus festgelegt, das Onclick-Ereignis wird jedoch nicht ausgelöst.

Wichtige Hinweise:
1. Das Verschachteln von Tags ist nicht zulässig.
2. Dieses Element ist in HTML und Skripten von Internet Explorer 4.0 und höher verfügbar.
3. Dieses Element ist ein Inline-Element.
4. Dieses Element erfordert ein schließendes Tag.

Element-Beispielcode
Im folgenden Beispiel werden das LABEL-Element und das ACCESSKEY-Attribut verwendet, um den Fokus des Textfelds festzulegen.

Name: Drücken Sie ALT+1 zum Textfeld


Demo:

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>HTML-Label-Funktion</title> <label for="oCtrlID" accesskey="1"> <span style="text-decoration:underline;">Name</span>: <font color="#999999">Dr眉cken Sie ALT+1 zum Textfeld</font> </label> <input type="text" name="TXT1" value="">