Ich habe viele Möglichkeiten gesehen, Dinge in einem Formular wie <label>, <div>, <span> usw. zu etikettieren. Gibt es dafür eine richtige oder falsche Antwort? Gibt es irgendwelche Vor- und Nachteile? DankeWas ist der richtige Weg, Dinge in einer Form zu beschriften?
Label ist am besten für die Zugänglichkeit (Tab-Reihenfolge, Bildschirmleser, etc.)
Mehr unter: http://www.communitymx.com/content/article.cfm?cid=02310
dem richtigen Weg, ein Etikett zu einer Form bereitzustellen Element ist verwenden Sie <label>:
Einige Formularsteuerelemente haben automatisch Beschriftungen zugeordnet (drücken Sie die Tasten), während die meisten nicht (Textfelder, che Box- und Radio-Buttons und Menüs).
Für diese Steuerelemente mit impliziten Beschriftungen sollten Benutzerprogramme den Wert des
value-Attributs als Beschriftungszeichenfolge verwenden.Das ist
<label>Element angeben Etiketten für Kontrollen verwendet, die impliziten Etiketten nicht
haben, da es ein semantisches Element User Agents Bedeutung zu Ihrem Markup bieten kann einen Sinn geben und hilfreich zu neigen Klicken Sie direkt auf das Label auf das Element selbst (sehr hilfreich für kleine Steuerelemente wie Kontrollkästchen). Außerdem bieten Sie Benutzern, die Bildschirmleseprogramme oder andere Eingabehilfen verwenden, hilfreiche Unterstützung.
Sie sollten nicht <div> oder <span> zu tatsächlich Label ein Element verwenden. Für Hilfstexte könnten sie sich jedoch als nützlich erweisen. Aber Sie sollten sich an die semantischen Fähigkeiten von HTML halten, wo es möglich und sinnvoll ist. Dies ist in meinen Augen der Fall.
Ich neige dazu, dies zu bevorzugen:
<label for="myInput">My Label</label>
<input type="textbox" name="MyInput" value="" />
Werfen Sie einen Blick auf das, was Phil Haack denkt ...
Der beste Weg ist diese:
<label for="anInput">This is the input</label>
<input type="text" name="anInput" />
Dies ist besonders interessant für Kontrollkästchen. Wenn Sie auf das Label klicken, wird das Kontrollkästchen aktiviert/deaktiviert. Wenn Sie auf das Label eines Eingabefeldes klicken, wird es ausgewählt.
Das Tag definiert ein Label für ein Eingabeelement.
Das Element label nicht als etwas Besonderes für den Benutzer. Allerdings bietet es eine Verbesserung der Benutzerfreundlichkeit für Mausbenutzer, weil , wenn der Benutzer auf den Text innerhalb das Label-Element klickt, schaltet das Steuerelement.
Die für das Attribut des Tags sollte das id-Attribut der das zugehörige Element gleich sein, sie zusammen zu binden.
Die für das Attribut des Etiketts ist der kritische Teil. –
Die Tabulatorreihenfolge ist auf dem Element ' 'angegeben, * nicht * auf dem Etikett. – Joey
Tab überspringt Etiketten, so dass es nützlicher ist –