Invoerveld met placeholder
Hieronder zie je formuliertje met daarin een invoerveld. In het veld staat de tekst "Uw naam".
De kleur van de letters is vaag. Zodra je daar wat invult verdwijnt "Uw naam" en zie je wat je intypt.
De letters zijn nu helder van kleur.
Als je het invoerveld leeg maakt verschijnt "Uw naam" weer.
Op deze pagina wordt uitgelegd hoe je dat doet.
- De tekst "Uw naam" wordt placeholder genoemd. Je geeft het mee aan een invoerveld met het attribuut placeholder.
- Het attribuut placeholder is nieuw in HTML5, maar in een HTML 4-document kun je het ook gebruiken, mits de browser HTML5 ondersteunt. Als dat niet het geval is wordt het door de browser genegeerd en zie je het effect dus niet.
- Je kunt placeholder als attribuut meegeven aan de volgende tags:
<input type="text"><input type="search"><input type="url"><input type="tel"><input type="email"><input type="password">- <textarea>
De code van het voorbeeld ziet er als volgt uit:
<form style="background-color:#dfd; text-align:center">
Zeg hier wie u bent:
<input type="text" width="25" placeholder="Uw naam">
</form>
