HTML placeholder Attribuut
Definitie en gebruik
Het placeholder
attribuut specificeert een korte hint die de verwachte waarde van een invoerveld / tekstgebied beschrijft.
De korte hint wordt weergegeven in het veld voordat de gebruiker een waarde invoert.
Geldt voor
Het placeholder
attribuut kan op de volgende elementen worden gebruikt:
elementen | Attribuut |
---|---|
<invoer> | tijdelijke aanduiding |
<tekstgebied> | tijdelijke aanduiding |
Voorbeelden
Invoervoorbeeld
Twee invoervelden met plaatsaanduidingstekst:
<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>
Voorbeeld tekstgebied
Een tekstgebied met een tijdelijke aanduiding-tekst:
<textarea placeholder="Describe yourself here..."></textarea>
Browserondersteuning
Het placeholder
attribuut heeft de volgende browserondersteuning voor elk element:
Element | |||||
---|---|---|---|---|---|
input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |