Placeholder

Was ist ein Placeholder?

Ein Placeholder ist ein Platzhaltertext, der in Eingabefeldern von Formularen angezeigt wird. Er gibt dem Nutzer Hinweise, welche Informationen in das Feld eingetragen werden sollen. Der Placeholder verschwindet, sobald der Nutzer beginnt, etwas in das Feld einzutippen.

Warum sind Placeholder im Webdesign wichtig?

Placeholder verbessern die Benutzerfreundlichkeit von Formularen. Sie helfen Nutzern, die Felder schneller zu verstehen und korrekt auszufüllen. Besonders bei komplexen Formularen kann ein gut gewählter Placeholder Missverständnisse vermeiden.

Wie fügt man einen Placeholder hinzu?

Im HTML-Code wird ein Placeholder mit dem Attribut placeholder definiert. Hier ein Beispiel:

<input type="text" placeholder="Ihr Name">

In diesem Beispiel zeigt das Eingabefeld den Text „Ihr Name“ an, bis der Nutzer etwas eintippt.

Best Practices für Placeholder

Ein Placeholder sollte klar und prägnant sein. Vermeide lange Sätze oder unnötige Details. Nutze einfache Worte, die für alle Nutzer leicht verständlich sind. Beispiel: Statt „Bitte geben Sie Ihre vollständige Adresse ein“ reicht „Adresse“.

Wichtige Hinweise zu Placeholder

Placeholder ersetzen keine Labels. Labels bleiben wichtig, um die Barrierefreiheit zu gewährleisten. Screenreader können Placeholder oft nicht vorlesen, daher sollten Labels immer zusätzlich verwendet werden.