In Dreamweaver wird dem Code ein <label> </Label> hinzugefügt, sobald ein Formular- oder Formularobjekt, ein Textfeld usw. hinzugefügt wird. Ich habe nie verstanden, was dieses Label tut. Ich habe heute die Erklärung gesehen:
Es gibt zwei Eigenschaften im Etikett, die sehr nützlich sind, für eine und der andere ist AccessKey.
Für Attribute
Funktion: Zeigt das HTML -Element an, an das das Etikett -Tag gebunden ist. Wenn Sie auf dieses Tag klicken, erhält das gebundene Element den Fokus.
Verwendung: <Label für = inputBox> Name </Label> <Eingabe -ID = inputBox type = text>
AccessKey -Attribut:
Funktion: Ein Hotkey, der den Zugriff auf das an das Etikett Tag gebundene Element angibt. Wenn Sie den Hotkey drücken, erhält das gebundene Element den Fokus.
Verwendung: <Label für = inputBox AccessKey = N> Name </Label> <Eingabe -ID = inputBox type = text>
Einschränkungen: Die von der AccessKey -Eigenschaft festgelegten Abkürzungsschlüssel können nicht mit der Abkürzungstaste des Browsers in Konflikt stehen, andernfalls werden die Abkürzungstasten des Browsers zuerst aktiviert.
Kommentare
Um die Markierung an eine andere Steuerung zu binden, setzen Sie die Eigenschaft des Etikettelements auf dieselbe ID wie die Steuerung. Die Bindungsbezeichnung an die Eigenschaft des Steuerungsnamens ist nutzlos. Um ein Formular einzureichen, müssen Sie jedoch einen Namen für das Steuerelement angeben, an das das Beschriftungselement gebunden ist.
Es gibt zwei Möglichkeiten, den angegebenen Abkürzungsschlüssel zu unterstreichen. Der reichhaltige Text des Etikettelements unterstützt das Hinzufügen eines U -Elements zu beiden Seiten des vom Attribut AccessKey angegebenen Abkürzungsschlüsselzeichens. Wenn Sie es vorziehen, Style Sheets (CSS) zu verwenden, um einen Stil anzuwenden, können Sie den Charakter in Spannweite einbeziehen und den Stil auf Textdekoration einstellen: Unterstreichung.
Wenn der Benutzer auf Etikett klickt, wird das Onclick -Ereignis auf dem Etikett zuerst ausgelöst, und dann wird das von der HTMLFOR -Eigenschaft angegebene Onclick -Ereignis auf dem Steuerelement ausgelöst. Durch das Drücken des von Label festgelegten Verknüpfungsschlüssels wird der Fokus festgelegt, das Onclick -Ereignis jedoch nicht ausgelöst.
Dinge zu beachten:
1. Etiketten dürfen nicht verschachtelt werden.
2. Dieses Element ist in HTML und Skripten für Internet Explorer 4.0 und höher verfügbar.
3. Dieses Element ist ein Inline -Element.
4. Dieses Element muss das Tag schließen.
Element -Beispielcode
Das folgende Beispiel verwendet das Label -Element- und AccessKey -Attribut, um den Fokus des Textfelds festzulegen.
- <Labelforn = octrlidaccessKey = 1>
- <SpanStyle = textdekoration: unterstreich;> name </span>: <fontcolor =#9999999> Drücken Sie Alt+1 zum Textfeld </font>
- </Label>
- <InputType = TextName = txt1Value = ah huinan size = 20tabIndex = 1Id = octRLID>