Hoffnungslose Inschrift HTML. So strukturieren Sie HTML-Formulare. Die Attribute async und defer sind Möglichkeiten zum Ausführen des Skripts

In seiner Darstellung unterscheidet sich die Beschriftung nicht von normalem Text, aber dank dieser Beschriftung kann der Benutzer das Formularelement auswählen, indem er auf den Text im Element klickt

Browser-Unterstützung

Etikett
Oper

IExplorer

Kante
JaJaJaJaJaJa

Attribute

AttributWertBeschreibung
zumelement_idBestimmen Sie, zu welchem \u200b\u200bFormularelement die aktuelle Bezeichnung gehört.
bildenform_id

Gibt die Form (en) an, mit denen das Etikett verknüpft wird. Der Attributwert ist die Elementkennung

("das ist die Bedeutung"\u003e). Mit diesem Attribut können Sie Tags an einer beliebigen Stelle in einem bestimmten Dokument platzieren, nicht nur innerhalb des Tags . Dieses Attribut wurde am 28. April 2016 aus der HTML-Spezifikation entferntSkripte haben jedoch schreibgeschützten Zugriff auf HTMLLabelElement.form (gibt das Formular zurück, dem das Etikett zugeordnet ist, oder "0", wenn das Etikett nicht dem Formular zugeordnet ist).

Anwendungsbeispiel

Verwenden Sie das Attribut for des Tags, um festzustellen, zu welchem \u200b\u200bFormularelement die aktuelle Bezeichnung gehört

Schauen wir uns ein Anwendungsbeispiel an:

</span>Beispiel für die Verwendung des Tags <label><span> >

In diesem Beispiel haben wir:

  • Innerhalb der Erste Formen:
    • Gesendet zwei Radio Knöpfe ( ), um eine von einer begrenzten Anzahl von Optionen auszuwählen. Beachten Sie erneut, dass für Optionsfelder in einem Formular sie müssen den gleichen Namen angebensind die von uns angegebenen Werte unterschiedlich. Zum der Erste aktiviert, was angibt, dass das Element beim Laden der Seite vorausgewählt werden soll (in diesem Fall ein Optionsfeld mit einem Ja-Wert). Darüber hinaus haben wir globale Attribute für die Optionsfelder angegeben, die eine eindeutige Kennung für das Element definieren.
    • Platzierte zwei Gegenstände
  • Innerhalb zweite Formen:
    • Gesendet zwei Radio Knöpfe ( ), um eine von einer begrenzten Anzahl von Optionen auszuwählen. Zum zweite Optionsfelder haben wir das Attribut angegeben

Die Beschriftung wird mithilfe eines Attributs an ein bestimmtes Eingabefeld gebunden zum... Es sollte den Wert des Attributs des Eingabefelds enthalten, an das die Beschriftung angehängt ist. Außerdem wird das Etikett an einem Element verankert, wenn dieses Element innerhalb des Etiketten-Tags platziert wird. In diesem Fall müssen Sie das Attribut for nicht angeben. Siehe Beispiele zum besseren Verständnis.

Durch Klicken auf ein Tag ändern diejenigen, die daran angehängt sind, ihren Status von markiert zu deaktiviert und umgekehrt. In diesem Fall wird die Beschriftung der Einfachheit halber benötigt: Es ist schwierig, kleine Formularelemente mit dem Cursor zu treffen, und es ist viel einfacher, eine lange Beschriftung mit Text zu treffen.

Ein Textfeld für den Eingabetyp ist an die Beschriftung gebunden und erhält den Eingabefokus. Fokus - In diesem Fall blinkt der Cursor im Eingabefeld. In diesem Fall fällt der Text in dieses Feld, wenn Sie etwas auf die Tastatur schreiben (ein besseres Verständnis des Fokus finden Sie in der Fokus-Pseudoklasse).

Etikette etikette kann verwendet werden, um oder zu simulieren. Dies ist erforderlich, um ein Kontrollkästchen oder ein Radio mit Ihrem eigenen Design zu erstellen (was in CSS verboten ist, aber mit Hilfe kniffliger Techniken möglich ist).

Attribute

Ein Beispiel. Kontrollkästchen

Binden wir eine Beschriftung mit einem Attribut an das Kontrollkästchen zum... Klicken Sie auf das Etikett und Sie sehen eine Änderung des Status des Kontrollkästchens von aktiviert zu deaktiviert und umgekehrt:

Ein Beispiel. Innenetikett

Binden Sie nun die Beschriftung nicht über das Attribut for, sondern fügen Sie die Elemente direkt in das Beschriftungs-Tag ein. In diesem Fall wird durch Klicken auf den Beschriftungstext auch das Element aktiviert:

Offenlegung: Ihr Support hilft dabei, die Website am Laufen zu halten! Für einige der auf dieser Seite empfohlenen Dienstleistungen erhalten wir eine Empfehlungsgebühr. Mehr erfahren

Teilen ist Kümmern!

Element von Was macht Was macht in HTML: Einfaches Tutorial mit Codebeispiel? Das