Das placeholder-Attribut

Das Attribut placeholder legt einen Hinweis im Eingabefeld eines HTML Formulars fest.

Ein solcher Hinweis ist notwendig, um dem Benutzer anzuzeigen, was genau in dieses Feld eingegeben werden soll. Der Hinweis selbst wird im Eingabefeld platziert, verschwindet aber im Gegensatz zum Attribut value automatisch beim Versuch, Text einzugeben.

Anwendbar auf die Tags input, textarea.

Sie können CSS-Stile auf den placeholder-Hinweis mit dem Pseudoelement placeholder anwenden.

Beispiel

Lassen Sie uns dem Eingabefeld einen placeholder-Hinweis setzen:

html<input type="text" placeholder="Namen eingeben">

Результат:

Beispiel . Das value-Attribut zusammen mit placeholder

Hier setzen wir dem Eingabefeld gleichzeitig den placeholder-Hinweis und das value-Attribut. Wenn Sie den Inhalt des value-Attributs löschen, sehen Sie den Hinweis, der darunter verborgen ist:

html<input type="text" placeholder="Namen eingeben" value="Iwan">

Результат:

Siehe auch