2009-03-30 11 views
45

lief nur über einen for Parameter in einem Tag HTML-Label:Was ist das "für" in einem Label-Tag?

<label for="required-firstname"> First Name </label> 
<small>*</small> 
<input name="required-firstname" type="text" tabindex="2" 
     id="required-firstname" size="24" maxlength="40"> 

Ich Umwandlung dieser Form auf ein PHP-Skript verarbeitet, kann ich die Parameter für = loswerden? (Und aus Neugier, was macht es?)

Antwort

70

Von w3schools.org:

Den Tag definiert ein Etikett für ein Eingangselement.

Das Label-Element wird für den Benutzer nicht speziell dargestellt. Es bietet jedoch eine Verbesserung der Benutzerfreundlichkeit für Mausbenutzer, denn wenn der Benutzer auf den Text im Element label klickt, wird das Steuerelement umgeschaltet.

Das for-Attribut des Tags sollte dem ID-Attribut des zugehörigen Elements entsprechen, um sie miteinander zu verbinden.

HTH!

Hinzufügen meiner $ .02 als Accessibility SME - neben der Benutzerfreundlichkeit, das Etikett verknüpft auch das Eingabefeld mit der richtigen Bezeichnung, so dass Personen mit Bildschirmleser wissen, wofür das Feld ist.

+12

+1 ', wenn der Benutzer auf den Text innerhalb des Label-Element klickt, es schaltet die control.' – squixy

5

Es bindet das Etikett an eine Formularelement-ID. Einige Formularelemente, wie Checkboxen, können durch Klicken auf ihr Label aktiviert werden.

3

In einigen Browsern, wenn Sie auf einen Text in einem for-Tag klicken, aktivieren Sie das zugehörige Feld (d. H. For = id) oder legen den Fokus auf dieses Feld. Es ist eine ADA-Sache

16

Das HTML-Label-Tag definiert eine Bezeichnung für ein Formularelement. Sie werden normalerweise mit Kontrollkästchen und Optionsfeldern verwendet. Wenn der Benutzer auf das Label klickt, wird die Schaltfläche umgeschaltet. Mit einer Texteingabe (und Sie müssen dies überprüfen, um sicher zu sein) Ich denke, es konzentriert sich nur auf die Eingabe, wenn der Benutzer auf die Beschriftung klickt.

8

Gibt an, an welches Element das Label gebunden ist. In Ihrem Beispielcode ist das Etikett für das erforderlich-Vorname Eingabefeld. Wenn der Benutzer auf dieses Label klickt, wird der Fokus auf das gebundene Eingabefeld gesetzt. Es ist eine Verbesserung der Benutzerfreundlichkeit und ich denke, dass es besser wäre, sie so zu lassen, wie sie ist. Es ist eine gute Übung.

5

Das Attribut "for" ist ein notwendiges Element für die Barrierefreiheit Ihres Formulars. Lass es nicht aus. Für jemanden, der einen Bildschirmleser (SR) verwendet, um eine Webseite angekündigt zu bekommen, bezieht das Attribut "for" die Kontrolle auf das Etikett. Normalerweise durchsucht ein SR-Benutzer ein Formular von einem Steuerelement (das ein fokussierbares Element für die SR ist) zum nächsten. Ohne das Attribut "for" muss der SR-Benutzer die Modi im SR ändern und das Formular untersuchen, um zu ermitteln, welches Steuerelement mit welchem ​​Label übereinstimmt, was zeitaufwendig und verwirrend sein kann. Das "for" -Attribut kann auch für unterstützende Technologie in Bezug auf motorische Probleme nützlich sein.

WebAIM.org hat eine gute Seite erklärt die Zugänglichkeit Verästelungen „für“: http://webaim.org/techniques/forms/controls