Formular - Felder anordnen

[Matthias Apsel]

Hallo Matthias Apsel,

Der Inhalt der label-Elemente dient der Beschriftung für Menschen, die auf assistive Technologien angewiesen sind. Für Sehende kannst du Beschriftung mit CSS verstecken.

Zum Beispiel so.

.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important; 
	width: 1px !important; 
	overflow: hidden;
}

Dazu darf allerdings das input-Element kein Kind des labels sein. Deshalb gibt es die Möglichkeit, die Zuordnung zwischen label und input über das for-Attribut zu treffen.

<label for="name">Name</label>
<input id="name">

Bis demnächst
Matthias