Atributo <input> placeholder de HTML
Definición y uso
placeholder La propiedad especifica una sugerencia breve que describe el valor esperado del campo de entrada (por ejemplo, un valor de ejemplo o una descripción breve del formato esperado).
Esta sugerencia se mostrará cuando el campo de entrada esté vacío y desaparecerá cuando el campo obtenga el foco.
Nota:placeholder Las propiedades se aplican a los siguientes tipos de entrada:
- text
- búsqueda
- URL
- teléfono
- correo electrónico
- contraseña
Ejemplo
Campos de entrada de teléfono con texto de relleno:
<form action="/action_page.php">
<label for="phone">Por favor, introduzca el número de teléfono:</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>
Sintaxis
<input placeholder="text">
Valor del atributo
| Valor | Descripción |
|---|---|
| text | Define una breve sugerencia de valor esperado para el campo de entrada. |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente el atributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Notas:placeholder El atributo es un atributo nuevo en HTML5.
