webentwicklung-frage-antwort-db.com.de

In Bezug auf die "For" -Eigenschaft des HTML-Labels

Betrachtet man die folgenden 2 Codezeilen (kopiert von w3schools.com> "HTML <label> for Attribute"):

  <label for="male">Male </label>
  <input type="radio" name="sex" id="male" />

Ich habe Probleme, den genauen Zweck der "for" -Eigenschaft des obigen Labels zu ermitteln. Wie Sie sehen, ist es derzeit auf "männlich" eingestellt (entsprechend der ID der Eingabesteuerung).

Alles, was ich bisher gelesen habe, ist, dass der obige Code die Beschriftung mit dem Eingabesteuerelement "verknüpft" und "verknüpft". Meine Frage ist also, was genau bedeutet das?

Was genau sind die Ergebnisse der Zuordnung der Beschriftung zur Eingabesteuerung?
Verhält sich das Label und/oder die Eingabe aufgrund dieser 'Assoziation' neu?

91
user328414

Ein label, das über for einem Steuerelement zugeordnet ist, kann angeklickt werden. Durch Anklicken wird das Steuerelement ausgewählt. Besonders nützlich bei Radio/Checkboxen. Es hat auch Auswirkungen auf die Zugänglichkeit von Bildschirmleseprogrammen für Sehbehinderte.

139
ceejayoz

Wenn Sie auf die Beschriftung (Männlich) klicken, wird das Radio auf Unmögliches überprüft, wenn Sie keine Beschriftung verwenden . Ein Etikett ist auch nützlich, wenn Sie für kleine Geräte wie Mobiltelefone entwickeln.

So ist es nützlich für:

  • zugänglichkeitsgründe
  • kleinere Geräte wie Handys usw
  • besonders nützlich in Optionsfeldern und Kontrollkästchen
9
Sarfraz

Ich glaube, dass das Verknüpfen einer Beschriftung mit einem Formularelement es Ihnen ermöglicht, dem label einen Zugriffsschlüssel zuzuweisen, der den Fokus auf das ihm zugeordnete Formularelement legt.

Wie andere bereits erwähnt haben, können Sie auch auf das label klicken und den Fokus auf das Formularelement legen.

Mit dem Attribut for können Sie label und das Element in semantisch unterschiedlichen Bereichen des HTML-Codes platzieren und die Zuordnung beibehalten. (Wie zwei Tabellen oder zwei verschiedene Divs). Wenn Sie beide wie in Ihrem Beispiel zusammenfügen, ist es auch richtig, das Formularelement in die Bezeichnung einzuschließen und auf das Attribut for zu verzichten

3
Alex Larzelere

Ja, ich glaube, es fungiert als Formularsteuerung oder Überprüfungsmechanismus, wenn ein Formular auf einer Webseite ausgefüllt wird, insbesondere mit Optionsfeldern oder Kontrollkästchen. Durch Klicken auf das Etikett wird der Benutzer direkt auf einen Bereich im Formular verwiesen, in den die richtigen Informationen eingegeben werden sollen. Zum Beispiel ein "Text". Oder in einem Fall, in dem der Benutzer aus einigen Optionen auswählen muss, z. B. wahr oder falsch oder männlich oder weiblich.

3
fiifiblack