El propósito de este artículo es enfocar la lista desplegable automáticamente cuando la página se carga en HTML5.
El atributo de enfoque automático <select> es un atributo booleano que especifica que la lista desplegable debe enfocarse automáticamente cuando se carga la página.
Sintaxis:
<select autofocus>
Ejemplo: el siguiente código muestra una lista desplegable con enfoque automático .
HTML
<!DOCTYPE html> <html> <head> <title>Autofocus Attribute</title> </head> <body> <h2>The select autofocus attribute</h2> <p> The autofocus attribute specifies that the drop-down list<br> should automatically get focus when the page loads: </p> <form action="/action_page.php"> <label for="mobiles">Choose a Mobile:</label> <select name="mobiles" id="mobiles" autofocus> <option value="samsung">Samsung</option> <option value="apple">Apple</option> <option value="nokia">Nokia</option> <option value="mi">MI</option> </select> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
Nota: El atributo de enfoque automático de la etiqueta de selección no es compatible con Firefox.
Producción:
Navegadores compatibles:
- Cromo
- Borde
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por TanmayChakraborty y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA