HTML <input> placeholder Attribuut
Voorbeeld
Een telefooninvoerveld met een tijdelijke aanduiding-tekst:
<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>
Definitie en gebruik
Het placeholder
attribuut specificeert een korte hint die de verwachte waarde van een invoerveld beschrijft (bijvoorbeeld een voorbeeldwaarde of een korte beschrijving van het verwachte formaat).
De korte hint wordt weergegeven in het invoerveld voordat de gebruiker een waarde invoert.
Opmerking: het placeholder
attribuut werkt met de volgende invoertypen: tekst, zoeken, url, tel, e-mail en wachtwoord.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
Attribute | |||||
---|---|---|---|---|---|
placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Syntaxis
<input placeholder="text">
Attribuutwaarden
Value | Description |
---|---|
text | Specifies a short hint that describes the expected value of the input field |
❮ HTML <input>-tag