HTML <input> placeholder -ominaisuus
Määritelmä ja käyttö
placeholder Ominaisuus määrittelee lyhyen viestin, joka kuvaa syöttökentän odotettua arvoa (esimerkiksi esimerkkiarvo tai lyhyt kuvaus odotetusta muodosta).
Tämä viesti näkyy, kun syöttökenttä on tyhjä, ja katoaa, kun kenttä saa fokuksen.
Huomioitavaa:placeholder Ominaisuus soveltuu seuraaviin syöttötyyppeihin:
- text
- haku
- verkko-osoite
- puhelinnumero
- sähköposti
- salasana
Esimerkki
Sisältää paikkamerkkitekstin puhelinlähdekenttä:
<form action="/action_page.php">
<label for="phone">Syötä puhelinnumero:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Muoto: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Syntaksi
<input placeholder="text">
Ominaisuusarvo
| Arvo | Kuvaus |
|---|---|
| text | Määrittelee lyhyen vihjeen odotetusta arvosta syöttökentälle. |
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Huomautus:placeholder Ominaisuus on uusi ominaisuus HTML5:ssä.
