Het placeholder-attribuut

Het attribuut placeholder specificeert een hint in een invoerveld van een HTML formulier.

Zo'n hint is nodig om de gebruiker aan te geven wat er in dit veld ingevoerd moet worden. De hint zelf zal in het invoerveld staan, maar, in tegenstelling tot het attribuut value, verdwijnt deze automatisch wanneer de gebruiker probeert tekst in te voeren.

Van toepassing op de tags input, textarea.

U kunt CSS-stijlen toepassen op de placeholder-hint met behulp van het pseudo-element placeholder.

Voorbeeld

Laten we een placeholder-hint instellen voor een invoerveld:

<input type="text" placeholder="voer naam in">

Voorbeeld . Het value-attribuut samen met placeholder

Laten we hier zowel een placeholder-hint als het attribuut value instellen voor een invoerveld. Als u de inhoud van het attribuut value verwijdert, ziet u de hint die eronder verborgen zat:

<input type="text" placeholder="voer naam in" value="Ivan">

Zie ook

het attribuut value,
dat een standaardwaarde voor het invoerveld instelt
het pseudo-element placeholder,
dat stijlen voor de hint instelt
de pseudoklasse placeholder-shown,
dat stijlen instelt voor het invoerveld met een hint