Atributo de marcador de posición HTML
Definición y uso
El placeholderatributo especifica una breve sugerencia que describe el valor esperado de un campo de entrada/área de texto.
La sugerencia breve se muestra en el campo antes de que el usuario ingrese un valor.
Se aplica a
El placeholderatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <entrada> | marcador de posición |
| <área de texto> | marcador de posición |
Ejemplos
Ejemplo de entrada
Dos campos de entrada con un texto de marcador de posición:
<form action="/action_page.php">
<label for="phone">Enter a phone
number:</label><br><br>
<input type="tel" id="phone" name="phone"
placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 123-45-678</small><br><br>
<input type="submit">
</form>
Ejemplo de área de texto
Un área de texto con un texto de marcador de posición:
<textarea placeholder="Describe yourself here..."></textarea>
Compatibilidad con navegador
El placeholderatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |