HTML/Attribute/placeholder

Der Begriff marker ist mehrdeutig.
Neben dem HTML placeholder-Attribut gibt es noch das CSS-Pseudoelement ::placeholder.

Mit dem placeholder-Attribut können Sie eine Beispielangabe auf das auszufüllende Feld setzen. Sie verschwindet, sobald ein Zeichen im Eingabefeld steht.

erlaubte Werte
default-Wert
erlaubt in	input, textarea
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<label for="bname">Benutzername:</label> 
<input id="bname" size="30" maxlength="30" placeholder="test@example.com">
 
<label for="ort">Wohnort</label>  
<input id="ort" size="30" maxlength="40" placeholder="Musterstadt">

Im Eingabefeld erscheint ein Hinweis, der mit Beginn der Eingabe verschwindet.

Beachten Sie: Da der Platzhalter bei der ersten Eingabe verschwindet, ist die Verwendung dieses Attributs aus Gründen der Zugänglichkeit problematisch. Platzhalter sind häufig überflüssig, wenn – wie im zweiten Beispiel – alle notwendigen Informationen dem label-Element entnommen werden können

Siehe auch

• Formulare
  • Benutzereingaben zugänglich gestalten
    placeholder -scheinbar genial
• Vergleiche:
  • das CSS-Pseudoelement :placeholder
  • die CSS-Pseudoklasse :placeholder-shown

Weblinks

• W3C: the placeholder attribute