Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <input> attributo placeholder

L'attributo placeholder dell'input HTML specifica un breve suggerimento dell'atteso valore del campo di input (ad esempio, un valore di esempio o una breve descrizione del formato atteso). Il suggerimento breve viene visualizzato nel campo di input prima che l'utente inserisca un valore.

　HTML <input> etichetta

Esempio 1

Due campi di testo input con placeholder:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> attributo placeholder - Base Tutorial Website (oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　<input type="text" name="fname" placeholder="Nome"><br>
　　<input type="text" name="lname" placeholder="Cognome"><br>
　　<input type="submit" value="Submit">
</form>
</html>

Prova a vedere ‹/›

Il testo placeholder può anche specificare un colore.

Esempio online 2

Impostazione del colore del testo placeholder:

Esempio

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Website (oldtoolbag.com)</title>　
</head>
<body>
<form action="demo-form.php">
　　<input type="text" name="fname" placeholder="Nome"><br>
　　<input type="text" name="lname" placeholder="Cognome"><br>
　　<input type="submit" value="Invia">
</form>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

I numeri nella tabella rappresentano la versione del browser che supporta l'attributo per la prima volta.

Attributo
placeholder	10.0	10.0	4.0	5.0	11.0

Definizione e uso

placeholder specifica una breve descrizione dell'atteso valore del campo di input (ad esempio, un valore di esempio o una breve descrizione del formato atteso).

Prima che l'utente inserisca un valore, una breve descrizione viene visualizzata nel campo di input.

Attenzione:L'attributo placeholder è applicabile ai seguenti tipi di input: text, search, url, tel, email e password.

Differenze tra HTML 4.01 e HTML5

L'attributo placeholder è una nuova proprietà aggiunta in HTML5.

Sintassi

<input placeholder="testo">

Valore dell'attributo

Valore	Descrizione
testo	Specificare una breve descrizione per il valore previsto del campo di input.

　HTML <input> etichetta

HTML: <template> etichetta