Atributo de enfoque automático HTML
Definición y uso
El
autofocusatributo es un atributo booleano.
Cuando está presente, especifica que el elemento debe enfocarse automáticamente cuando se carga la página.
Se aplica a
El
autofocusatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <botón> | enfoque automático |
| <entrada> | enfoque automático |
| <seleccionar> | enfoque automático |
| <área de texto> | enfoque automático |
Ejemplos
Ejemplo de botón
Un botón con enfoque automático:
<button type="button" autofocus>Click Me!</button>
Ejemplo de entrada
Deje que el campo de entrada "Nombre" se enfoque automáticamente cuando se cargue la página:
<form action="/action_page.php">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Ejemplo de área de texto
Un área de texto con enfoque automático:
<textarea autofocus>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Compatibilidad con navegador
El autofocusatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| textarea | Yes | 10.0 | 4.0 | Yes | Yes |