HTML - Platzhalterattribut
Definition und Verwendung
Das placeholderAttribut gibt einen kurzen Hinweis an, der den erwarteten Wert eines Eingabefelds / Textbereichs beschreibt.
Der kurze Hinweis wird im Feld angezeigt, bevor der Benutzer einen Wert eingibt.
Gilt für
Das placeholderAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Eingabe> | Platzhalter |
| <Textbereich> | Platzhalter |
Beispiele
Eingabebeispiel
Zwei Eingabefelder 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>
Textarea-Beispiel
Ein Textbereich mit einem Platzhaltertext:
<textarea placeholder="Describe yourself here..."></textarea>
Browser-Unterstützung
Das placeholderAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |