HTML <input> Placeholder-Eigenschaft

HTML <input> Tag

Definition und Verwendung

placeholder Die Eigenschaft legt einen kurzen Hinweis fest, der die erwartete Eingabe des Eingabefelds beschreibt (z.B. Beispielwert oder eine kurze Beschreibung des erwarteten Formats).

Dieser Hinweis wird angezeigt, wenn das Eingabefeld leer ist, und verschwindet, wenn das Feld fokussiert wird.

Hinweis:placeholder Eigenschaften gelten für die folgenden Eingabetypen:

  • text
  • Suche
  • URL
  • Tel
  • E-Mail
  • passwort

Beispiel

Telefon-Eingabefeld mit Platzhaltertext enthalten:

<form action="/action_page.php">
  <label for="phone">Geben Sie bitte die Telefonnummer ein：</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Probieren Sie es selbst aus

Syntax

<input placeholder="text">

Eigenschaftswert

Wert Beschreibung
text Gibt eine kurze Erklärung der erwarteten Eingabewerte des Eingabefelds an.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Anmerkung:placeholder Eigenschaften sind neue Eigenschaften in HTML5.

HTML <input> Tag