Sencillo post para ver el atributo autofocus HTML5. La función de este atributo es poner el cursor de manera activa en un input del formulario sin necesidad de hacer click en él.
Con este atributo nos ahorramos unas buenas líneas de código de jQuery con las que veníamos haciendo esta funcionalidad.
En el código inferior os pongo la sintaxis básica de este nuevo atributo HTML5:
<input type="number" name="nombre" autofocus="autofocus"/>
Como podéis ver estamos poniendo el cursor de manera automática en un input de tipo number, os pongo una imagen de ejemplo.
Os voy a poner este sencillo ejemplo de autofocus HTML5 para que comprobéis su funcionamiento:
Introduzca su nombre: <input type="text" name="nombre"/> <br><br> Introduzca su edad: <input type="number" name="edad" autofocus="autofocus"/>
En el ejemplo vemos como he puesto el atributo autofocus en el segundo input, de esta manera según entremos al formulario estará activo el cursor sobre el segundo input.
En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.
En esta url tenéis el listado completo de los nuevos input de HTML5.