Ist es besser, das Label-Tag um ein Formularelement zu wickeln oder das "for" -Attribut in HTML zu verwenden?

Ich weiß, kannst du beides verwenden, aber es ist besser, verwenden Sie einen über den anderen? Wenn ja, warum?

Beispiel "für" Attribut:

<input type="text" id="male"><label for="male">Male</label>

Beispiel wickeln:

<label>Age:<input type="text"></label>

InformationsquelleAutor der Frage James Gardiner | 2012-08-16

  1. 25

    Semantisch, beide Möglichkeiten sind gleich. Aber je nachdem, was layout, das Sie wollen, es gibt Vorteile und Nachteile für die beiden Möglichkeiten. Zum Beispiel, wenn Sie möchten, dass das Etikett an einem ganz anderen Ort, es würde keinen Sinn machen, um den Eingang in das label. Aber wenn Sie wollen in der Lage sein, um einen hover-Effekt über css festlegt. e. g. ein hintergrund für das label und den Bereich um den Eingang, es wäre besser, die Eingang in die label.

    InformationsquelleAutor der Antwort matthias.p

  2. 10

    laut
    http://www.w3.org/TR/2008/WD-WCAG20-TECHS-20080430/H44.html

    einige assistive Technologien nicht korrekt verarbeitet implizite labels

    So, wenn Sie Sie wickeln, können Sie auch wollen, um den "for" - Attribut für das label-element.

    InformationsquelleAutor der Antwort raycohen

  3. 5

    Wrap ermöglicht das ablegen der for Attribut, was wiederum ermöglicht das weglassen der `id' - Attribut auf die input element. Ideal für-Vorlagen oder Formulare, die verwendet werden müssen in mehreren Instanzen auf einer Seite.

    InformationsquelleAutor der Antwort frequent

  4. 2

    Ist es egal. Beide erreichen die gleichen Dinge in Bezug auf die Definition der Beziehung zwischen label und Feld.

    InformationsquelleAutor der Antwort DA.

  5. 1

    Einbettung der Eingang in das Etikett wirkt sich auch auf die Umhüllung Verhalten. <label><checkbox/>Value with spaces</label> umbrochen wird als Einheit standardmäßig. In der Erwägung, dass <checkbox id="check"/><label for="check">Value with spaces</label> wrap wird der text mit Pausen in den Räumen, und wickeln Sie das Etikett um in eine neue Zeile, aber lassen Sie das Kontrollkästchen oben.

    InformationsquelleAutor der Antwort Adam

  6. 0

    Wenn es zählt für alles, frameworks wie ASP.NET setzen Sie die label element neben der input/select/textarea Elemente und aus der Benutzung der label's for Attribut.

    InformationsquelleAutor der Antwort Tim S. Van Haren

Schreibe einen Kommentar