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:
<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:
<input type="text" placeholder="Namen eingeben" value="Iwan">
:
Siehe auch
-
das Attribut
value,
welches den Standardwert für das Eingabefeld festlegt -
das Pseudoelement
placeholder,
welches die Stile für den Hinweis festlegt -
die Pseudoklasse
placeholder-shown,
welche die Stile für das Eingabefeld mit Hinweis festlegt
