HTML- <input> -Platzhalterattribut
Beispiel
Ein Telefon-Eingabefeld mit einem Platzhaltertext:
<form action="/action_page.php">
<label for="phone">Enter a phone number:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format:
123-45-678</small><br><br>
<input type="submit">
</form>
Definition und Verwendung
Das placeholderAttribut gibt einen kurzen Hinweis an, der den erwarteten Wert eines Eingabefelds beschreibt (z. B. ein Beispielwert oder eine kurze Beschreibung des erwarteten Formats).
Der kurze Hinweis wird im Eingabefeld angezeigt, bevor der Benutzer einen Wert eingibt.
Hinweis: Das placeholderAttribut funktioniert mit den folgenden Eingabetypen: Text, Suche, URL, Tel, E-Mail und Passwort.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Syntax
<input placeholder="text">
Attributwerte
| Value | Description |
|---|---|
| text | Specifies a short hint that describes the expected value of the input field |
❮ HTML <input>-Tag