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
Ja
Ja
Ja
Ja
Ja
Ja
Attribute
Attribut
Wert
Beschreibung
zum
element_id
Bestimmen Sie, zu welchem \u200b\u200bFormularelement die aktuelle Bezeichnung gehört.
bilden
form_id
Gibt die Form (en) an, mit denen das Etikett verknüpft wird. Der Attributwert ist die Elementkennung
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:
Beispiel für die Verwendung des Tags Ja Nein >
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 das definiert die Textbeschriftungen für unsere Textfelder. Beachten Sie, dass wir das Attribut for verwendet haben, um zu bestimmen, zu welchem \u200b\u200bFormularelement die aktuelle Bezeichnung gehört. Der Wert des for-Attributs entspricht dem Wert des globalen Attributs des Optionsfelds, das wir benötigen.
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:
Ich bin an ein Kontrollkästchen mit ID-Kontrollkästchen angehängt.
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:
Etikette
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 Element wird verwendet, um einem Formular eine Textbeschriftung zuzuordnen Feld. Die Bezeichnung wird verwendet, um Benutzern den Wert mitzuteilen, der in das zugehörige Eingabefeld eingegeben werden soll. Inline anzeigen
Codebeispiel
Für ein Um richtig zu funktionieren, muss es ein for-Attribut enthalten, das das identifiziert mit dem es verbunden ist. Der Wert des for-Attributs sollte mit der ID (nicht dem Namen) des übereinstimmen Element.
(Das Senden von Formularen hängt von der Paarung von Namen und Etiketten ab. Dies wird häufig angezeigt Elemente mit demselben Wert in beiden Attributen. Und wenn die Wenn es sich um ein Kontrollkästchen handelt, wird möglicherweise derselbe Wert im value-Attribut und als Inhalt des Attributs angezeigt Element.)
Vorname Zustimmen
Stimmen Sie den Allgemeinen Geschäftsbedingungen zu?
Labels und Benutzerfreundlichkeit
Es ist natürlich möglich das nicht benutzen Element und platzieren Sie einfach nicht markierten Text über oder neben einem Formularfeld. Dies ist jedoch keine gute Idee. Ein gepaartes Label ist mehr als nur eine gute Semantik, es ist eine gute Benutzerfreundlichkeit. Mit einem ordnungsgemäß markierten Label kann der Benutzer auf das Label klicken (oder mit dem Finger darauf tippen), um den Fokus zu aktivieren Das Element oder wählen Sie es aus. Dies ist auf normalen Desktop- und Laptop-Computern mäßig hilfreich, aber auf Touchscreen-Mobiltelefonen macht es einen großen Unterschied.
Klicken Sie zur Auswahl auf dieses Etikett.
Können Sie auf dieses Etikett klicken, um es auszuwählen?
div class \u003d ”render”\u003e
Können Sie auf dieses Etikett klicken, um es auszuwählen?
Abgesehen von der grundlegenden Benutzerfreundlichkeit möchten Sie auch aktiv daran arbeiten, Ihre Website für Blinde und Sehbehinderte zugänglich zu machen - oder für alle anderen, die möglicherweise einen Bildschirmleser zum Surfen im Internet verwenden. Durch die Zuordnung der Beschriftung zum Formularfeld kann der Benutzer des Bildschirmlesegeräts erkennen, was für einen sehenden Benutzer offensichtlich ist: Welche Wörter sind an welche Formularfelder angehängt.
Beschreibung
HTML-Tag (übersetzt aus dem Englischen - etikette) definiert die Textbezeichnung für das Element ... In seiner Darstellung unterscheidet sich die Beschriftung nicht vom normalen Text, aber der Benutzer kann ein Formularelement auswählen, indem er einfach auf den Text im Element klickt eher als das Element selbst ... Verwenden Sie das Attribut for des Tags, um festzustellen, zu welchem \u200b\u200bFormularelement die aktuelle Bezeichnung gehört ... Der Wert des Attributs for muss gleich dem Wert des Attributs id des Formularelements sein, auf das sich die Bezeichnung bezieht.
Das Attribut "for" kann weggelassen werden, wenn das Element wird innerhalb des Elements sein .
Attribute
for: Stellt einen Link zu dem Formularelement her, auf das sich die Beschriftung bezieht. Der Wert für das Attribut ist der Bezeichner des Zielelements. Beispiel »Formular: Gibt das Formular an, dem das Etikett zugeordnet werden soll. Der Attributwert ist die Elementkennung
oder dasselbe nur ohne Verwendung des for-Attributs
Das Ergebnis dieses Beispiels in einem Browserfenster.
Beschreibung
Etikett
Attribute
Lädt das Skript asynchron. Verzögert die Skriptausführung, bis die gesamte Seite vollständig geladen wurde. Legt die Programmiersprache fest, in der das Skript geschrieben ist. Die Adresse des Skripts aus einer externen Datei, die in das aktuelle Dokument importiert werden soll. Gibt den Inhaltstyp eines Tags an