Placeholder-attribuutti

Attribuutti placeholder asettaa vihjeen HTML-lomakkeen syöttökenttään.

Tällaista vihjettä tarvitaan osoittamaan käyttäjälle, mitä tiettyyn kenttään tulisi syöttää. Vihje itsessään sijoitetaan syöttökenttään, mutta toisin kuin attribuutti value, se katoaa automaattisesti, kun yritetään syöttää tekstiä.

Käytetään elementeissä input, textarea.

Voit soveltaa CSS-tyylejä placeholder-vihjeeseen käyttämällä pseudoelementtiä placeholder.

Esimerkki

Asetetaan syöttökentälle vihje placeholder:

html<input type="text" placeholder="syötä nimi">

Результат:

Esimerkki . Value-attribuutti samanaikaisesti placeholderin kanssa

Tässä asetetaan syöttökentälle samanaikaisesti vihje placeholder ja attribuutti value. Jos poistat attribuutin value sisällön, näet vihjeen, joka piilee sen alla:

html<input type="text" placeholder="syötä nimi" value="Ivan">

Результат:

Katso myös