2013-07-24 7 views

Antwort

5

Etikett in diesem Fall kann Sie auf dem Etikett selbst klicken - und es wird der Fokus auf die Eingabe mit der mitgelieferten ID im for Attribute geben. Es wird für die Benutzerfreundlichkeit empfohlen.

Stellen Sie sicher, dass die id des Eingangs so eingestellt ist, dass die for des Etiketts auf die Eingänge id gesetzt ist.

+0

+1 für Sie, ich habe die gleiche Information mit Beispiel geschrieben - wir schreiben simultan - es passiert :( – ElmoVanKielmo

+0

Ja, obwohl Ihre Antwort darauf hinweist, dass er id fehlt so +1 erwidert. – McAden

2

Auf jeden Fall so:

<label for="fname">First name:</label> <input type="text" name="fname" id="fname"> 

Der Browser versteht die Verbindung zwischen for Attribute label und id Attribute input.
Das Ergebnis ist (zum Beispiel), können Sie auf die label klicken und entsprechende input bekommt Fokus.

1

Um eine Geschichte kurz zu machen, ja sollten Sie. Ein unbekannter Text ist nicht sehr weit von einem Bild entfernt. Es ist kaum zugänglich und kaum veränderbar, ohne es vollständig zu ersetzen.

Für CSS-Regeln ist es viel einfacher, wenn Sie sich leicht um jede Elementgruppe des Dokuments kümmern können, einschließlich des Textes.

1

Nur für Vollständigkeit halber:

<label>First name: <input type="text" name="fname"></label> 

ist auch möglich; mehr gesehen mit type="radio".

Wie gesagt: anklickbar (gut für Kontrollkästchen und Radio-Buttons), und für Bildschirmleser für Sehbehinderte: kann das Etikett vorlesen, während Sie in das Textfeld mit Tab kommen.

Für die andere Etikettenform habe ich JavaScript-Validierung gesehen, Markierung der Bezeichnung (bei Fehler).

Verwandte Themen