So verwenden Sie Label-Tags in HTML

Dieses Mal werde ich Ihnen die Verwendung des Label-Tags in HTML vorstellen. Wir alle wissen, dass ein vollständiges Formular aus dem Formular-Tag

Nehmen wir zunächst ein Beispiel:

[html] view plain copy
<label for="email">E-mail:</label>  
<input type="text" id="email">

Formularsteuerelemente sind alle Inline-Elemente, sodass sie in einer Zeile angezeigt werden. Wenn wir auf der Webseite auf das Wort E-Mail oder das Textfeld klicken, erscheint der Cursor im Textfeld. Dies ist die Funktion des Label-Tags. Um es ganz klar auszudrücken: Die Beschriftung label ist eine Erweiterung des Formularsteuerelements, mit dem sie verknüpft ist. Das heißt, ein Klick mit der Maus hat denselben Effekt wie ein Klick auf das Formularsteuerelement, mit dem sie verknüpft ist. Die Voraussetzung ist, dass der Attributwert des for-Attributs des Labels mit der ID des Formularsteuerelements übereinstimmt, das Sie verknüpfen möchten.

Wenn Sie für die Verknüpfung mit for keine ID verwenden möchten, können Sie auch die zweite Methode verwenden.

[html] view plain copy

<label>E-mail:<input type="text"></label>

Der Effekt ist derselbe wie zuvor.

Natürlich können auch andere Formularsteuerelemente mit Beschriftungen verknüpft werden. Zum Beispiel das folgende Beispiel:

[html] view plain copy
<label for="a">a:</label> <input type="radio" id="a"><br>  
[html] view plain copy
<pre name="code" class="html" style="font-size: 14px;"><label for="b">b:</label> <input type="radio" id="b"><br>  
[html] view plain copy
<label for="c">c:</label> <input type="radio" id="c">

Dann könnten Sie sagen, dass dieses Etikett nicht sehr nützlich ist, selbst wenn Sie darüber nachdenken.

Natürlich funktioniert es. Es verbessert nicht nur das Benutzererlebnis, sondern bietet auch Menschen mit eingeschränkter Mobilität einen bequemen Zugang zum Internet. Beispielsweise nutzen sehbehinderte Menschen den Ton eines „Webseiten-Readers“, um im Internet zu surfen. Ohne die Zuordnung von Label-Tags können sich Surfer die Korrespondenz in ihrem Kopf nicht gut vorstellen und können nicht gut verstehen, was der Inhalt der Website bedeutet Ausdruck. Ein weiteres Beispiel: Surfer mit körperlichen Behinderungen haben Schwierigkeiten, die Maus zu steuern. Nach der Verwendung von Label wird das Klickziel größer, was die Bedienung erleichtert.

Eine wirklich gute Seite muss also browserübergreifend und an Geräte mit unterschiedlichen Bildschirmgrößen anpassbar sein. Sie sollte auch für alle Arten von Internetnutzern zugänglich sein (ob ältere Menschen oder Menschen mit Behinderungen). ), um Komfort zu bieten.

Es gibt so viele Möglichkeiten, Label-Tags in HTML zu verwenden. Bitte achten Sie auch weiterhin auf andere Updates dieser Website.

Verwandte Lektüre:

Benennungsregeln in HTML

So verbergen Sie überlaufende DIV-Rahmeninhalte

So verwenden Sie CSS, um den Mausstil zu ändern

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Label-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!