Beispiel
Zwei Eingabefelder mit einem Platzhalter-Text:
<form action="demo_form.asp">
<input type="text" name="fname" placeholder="First
name"><br>
<input type="text" name="lname" placeholder="Last
name"><br>
<input type="submit" value="Submit">
</form>
Versuch es selber " Definition und Verwendung
Die placeholder - Attribut gibt einen kurzen Hinweis , dass der erwartete Wert eines Eingabefeldes beschreibt (zB einen Abtastwert oder eine kurze Beschreibung des erwarteten Format).
Der kurze Hinweis wird in dem Eingabefeld angezeigt, bevor der Benutzer einen Wert eingibt.
Hinweis: Die placeholder Attribut arbeitet mit den folgenden Eingabetypen: text, search, url, tel, email - password text, search, url, tel, email und password .
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Attribut vollständig unterstützt.
Attribut | |||||
---|---|---|---|---|---|
placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Unterschiede zwischen HTML 4.01 und HTML5
Die placeholder - Attribut ist neu in HTML5.
Syntax
<input placeholder="text">
Werte Attribut
Wert | Beschreibung |
---|---|
text | Gibt einen kurzen Hinweis, dass der erwartete Wert des Eingabefeldes beschreibt |