HTML <input> placeholderAtributo
Ejemplo 1
Dos campos de entrada con texto placeholder:
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="Enviar">
</form>
Pruébalo »
El texto placeholder también puede tener un color especificado.
Ejemplo 2
Configurar el color del texto placeholder:
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="Enviar">
</form>
Pruébalo »
Soporte del navegador
Los números en la tabla indican la primera versión del navegador compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Definición y uso
El atributo placeholder especifica una breve pista que describe el valor esperado de un campo de entrada (por ejemplo: un valor de muestra o una breve descripción del formato esperado).
La pista se muestra en el campo de entrada antes de que el usuario ingrese un valor.
Nota:El atributo placeholder se aplica a los siguientes tipos de input: text, search, url, tel, email y password.
Diferencias entre HTML 4.01 y HTML5
El atributo placeholder es un atributo nuevo en HTML5.
Sintaxis
<input placeholder="text">
Valores de atributo
| Valor | Descripción |
|---|---|
| text | Especifica una breve pista que describe el valor esperado del campo de entrada. |
Etiqueta <input> de HTML Otras extensiones