Definición y Uso
El autofocus atributo es un atributo booleano.
Cuando está presente, especifica que el elemento debe recibir automáticamente el foco cuando se carga la página.
Se aplica a
El autofocus atributo se puede usar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <button> | autofocus |
| <input> | autofocus |
| <keygen> | autofocus |
| <select> | autofocus |
| <textarea> | autofocus |
Ejemplos
Button Ejemplo
Un botón con enfoque automático:
<button type="button" autofocus>Click Me!</button>
Inténtalo tú mismo " Input Ejemplo
Deje que el "First name" campo de entrada obtener automáticamente el foco cuando se carga la página:
<form action="demo_form.asp">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Inténtalo tú mismo " Keygen Ejemplo
Deje que el "Encryption" campo de obtener automáticamente el foco cuando se carga la página:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" autofocus>
<input type="submit">
</form>
Inténtalo tú mismo " Textarea Ejemplo
Un área de texto con autofocus :
<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Inténtalo tú mismo " Soporte para el navegador
El autofocus atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| keygen | Sí | No soportado | No soportado | 6.0 | Sí |
| textarea | Sí | 10.0 | 4.0 | Sí | Sí |