Das placeholder-Attribut setzt den grauen Hinweistext in einem leeren Feld. Er ersetzt keine Beschriftung, auch wenn er oft dafür missbraucht wird.
- placeholder-Attribut
Attribut mit einem Hinweistext, der in einem leeren Formularfeld erscheint.
Beispiel: „Ein placeholder verschwindet, sobald etwas eingegeben wird.“
Kein Ersatz für die Beschriftung
<label for="tel">Telefon</label>
<input type="tel" id="tel" name="tel"
placeholder="030 1234567">Wer tippt, sieht den Hinweis nicht mehr und weiß womöglich nicht mehr, was gefragt war. Dazu kommt der schwache Kontrast des grauen Textes und die Tatsache, dass manche Screenreader ihn gar nicht vorlesen. Die Beschriftung gehört sichtbar über das Feld.
Wofür er taugt
Für ein Beispiel des erwarteten Formats, etwa eine Schreibweise für die Telefonnummer. Auch dafür ist ein kleiner Hinweistext unter dem Feld meist besser, weil er stehen bleibt.