HTML -Label | Erklärt

Während des Erstellens eines Formulars müssen Bildungsunterschriften für die Formularelemente hinzugefügt werden, damit Benutzer wissen oder in die Komponenten wie Textbox, Kontrollkästchen, Optionsfelder und mehr eingeben werden sollen oder eingeben werden. Insbesondere bietet HTML eine “EtikettTag, um die Webseite interaktiver zu gestalten. Mit diesem Tag verbessert die hinzugefügte Bildunterschrift auch die allgemeine Benutzerfreundlichkeit und Zugänglichkeit der Webseite, indem sie mit dem entsprechenden Element verknüpft wird.

In diesem Artikel werden das Etikett-Tag mit seinen Vorteilen erläutert.

Bevor wir in die Diskussion springen, diskutieren wir ein praktisches Beispiel dafür, wie ein Etikett -Tag in HTML funktioniert.

Was passiert, wenn Sie eine Webseite ohne Etikett -Tag erstellen?

Im Abschnitt unten Code lautet das HTML -Körperelement des gesamten TextausrichtsCenter”, Die die Texte in der Mitte ausrichten werden. “Vorname:”Wird als einfache Bildunterschrift ohne Etikett -Tag hinzugefügt. Fügen Sie als Nächstes das Tag mit dem Attribut hinzu “Typ"Und setzen Sie es als"Text”Um ein Eingabefeld hinzuzufügen, das nur Text akzeptiert.

Html

Vorname:

Es kann beobachtet werden, dass beim Klicken auf das hinzugefügte Etikett das Textfeld keine Antwort angezeigt wird:

Schauen Sie sich nun den folgenden Abschnitt an, um den Zweck und die Verwendung von HTML-Etiketten zu verstehen.

Was ist HTML -Etikett -Tag?

In einfachen Worten ist ein Etikett auch als Bildunterschrift bekannt. Im HTML -Formular werden Untertitel mit den Eingabedformularsteuerungen hinzugefügt, damit der Benutzer weiß, was er in das spezifische Feld eingeben soll. Der Hauptvorteil von Label -Tags ist die Zugänglichkeit, da die Beschriftung für den Benutzer sichtbar ist und programmgesteuert den Eingabedformularsteuerungen zugeordnet ist.

Syntax

Die Syntax des mit einem Tag zugeordneten Etikett -Tags zugeordneten wird unten beschrieben:

Untertitel

Hier ist die Beschreibung der oben genannten Syntaxkomponenten:

• “fürDas Attribut des Etikett -Tags sollte dem ID -Attribut des Eingabetags übereinstimmen. Weil sie miteinander verbunden sind.
• “Typ"Attribut wird als" festgelegt "Text”Nur um den Wert des Texttyps zu erhalten.

So erstellen Sie ein Etikett in HTML?

Verwenden Sie die “, um ein HTML -Labelelement zu erstellen, das“”Tag mit einem Tag. Legen Sie den Eingangsfeldtyp als “einText”Und Geben Sie die ID des Eingangsfeldes als Wert der“ anfür”Attribut.

Html

Vorname

In diesem Fall, wenn der hinzugefügte Text geklickt wird, wird das Steuerelement auf das Eingangsfeld umgeschaltet. Dies zeigt an, dass die Bildunterschrift dem Textfeld zugeordnet ist:

Bonuspipp

Sie können auch ein Tag um die Form Steuerelemente wickeln. In diesem Fall müssen Sie jedoch nicht das verwenden “für" Und "Ausweis”Attribute wie im obigen Beispiel verwendet:

Vorname:

Wir haben die wesentlichen Informationen zur Verwendung von HTML -Bezeichnungen zusammengestellt.

Abschluss

Die HTML -Etikett, auch als Bildunterschrift bezeichnet, kann in Zusammenarbeit mit dem Eingabeelement verwendet werden. Es bietet eine bessere Zugänglichkeit und verbessert die allgemeine Verwendbarkeit der Webseite. Um ein Etikett zu verwenden, das HTML “”Kann gegebenenfalls hinzugefügt werden. Diese Beschreibung hat das HTML-Labelelement, seine Bedeutung und seine damit verbundene Verwendung erläutert.