HTML <input> placeholder-eigenschap

HTML <input> tag

Definitie en gebruik

placeholder Eigenschappen bepalen een korte melding die de verwachte waarde van het invoerveld beschrijft (bijvoorbeeld, een voorbeeldwaarde of een korte beschrijving van het verwachte formaat).

Deze melding wordt weergegeven wanneer het invoerveld leeg is en verdwijnt wanneer het veld focus krijgt.

Opmerking:placeholder Eigenschappen zijn van toepassing op de volgende invoertypen:

  • text
  • zoek
  • url
  • tel
  • e-mail
  • wachtwoord

Voorbeeld

Inhoudende tekstvelden voor telefoonnummers:

<form action="/action_page.php">
  <label for="phone">Voer het telefoonnummer in:</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>Formaat: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Probeer het zelf

Syntax

<input placeholder="text">

Eigenschapswaarde

Waarde Beschrijving
text Definieert een korte suggestie voor de verwachte waarde van het invoerveld.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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

Opmerking:placeholder Eigenschappen zijn nieuwe eigenschappen in HTML5.

HTML <input> tag