L'attributo placeholder
L'attributo placeholder imposta un suggerimento
in un campo di input di un modulo HTML.
Un tale suggerimento è necessario per
indicare all'utente cosa deve essere
inserito in questo campo. Il suggerimento stesso sarà
posizionato nel campo di input, ma, a differenza
dell'attributo value,
scomparirà automaticamente quando si tenta
di inserire del testo.
Si applica ai tag input,
textarea.
È possibile applicare stili CSS al suggerimento placeholder
tramite lo pseudo-elemento placeholder.
Esempio
Impostiamo un suggerimento placeholder per un campo di input:
<input type="text" placeholder="inserisci il nome">
:
Esempio . Attributo value insieme a placeholder
Qui invece impostiamo contemporaneamente
il suggerimento placeholder e l'attributo value.
Se elimini il contenuto dell'attributo value,
vedrai il suggerimento che era nascosto sotto di esso:
<input type="text" placeholder="inserisci il nome" value="Ivan">
:
Vedi anche
-
l'attributo
value,
che imposta il valore predefinito per un campo di input -
lo pseudo-elemento
placeholder,
che imposta gli stili per il suggerimento -
lo pseudo-classe
placeholder-shown,
che imposta gli stili per il campo di input con il suggerimento
