Formular - Felder anordnen

[Matthias Apsel]

Hallo Bernd,

<form>
    <label for="name">
        <input type="text" id="name" name="name" placeholder="Name" class="contact-textbox">
    </label>

Ein Beschriftung ohne Inhalt ist keine Beschriftung.

type="text" ist der Standardwert, kann deshalb meist weggelassen werden.

placeholder ist kein Ersatz für eine Beschriftung.

Ich hätte meine Beschriftungen gerne in den Feldern um etwas platz zu sparen.

https://wiki.selfhtml.org/wiki/CSS/Tutorials/zugängliche_Eingabefelder

Zum Thema <label> habe ich gerade etwas geschrieben.

Ja, allerdings Unsinn. 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;
}

Also ich soll um die Labels noch <p> leben?

Nein, wie kommst du darauf?

Bis demnächst
Matthias