Proprietà placeholder di <input> HTML
Definizione e uso
placeholder Le proprietà definiscono un breve avviso che descrive il valore atteso per il campo di input (ad esempio, un valore di esempio o una breve descrizione del formato atteso).
Questo avviso viene visualizzato quando il campo di input è vuoto e scompare quando il campo riceve l'attenzione.
Attenzione:placeholder Le proprietà si applicano ai seguenti tipi di input:
- text
- search
- url
- tel
- password
Esempio
Campo di input telefonico con testo di placeholder:
<form action="/azione_pagina.php">
<label for="phone">Inserisci il numero di telefono:</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>Formato: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Sintassi
<input placeholder="text">
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| text | Definisce una breve indicazione dell'atteso valore dell'input. |
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Nota:placeholder L'attributo è una nuova proprietà in HTML5.
