Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Autofocus HTML5: Un atributo para seleccionar inputs de formularios

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.

Sintaxis del atributo autofocus HTML5

En el código inferior os pongo la sintaxis básica de este nuevo atributo HTML5:

Como podéis ver estamos poniendo el cursor de manera automática en un input de tipo number, os pongo una imagen de ejemplo.

autofocus html5Es compatible con los siguientes tipos de input:

Ejemplo del atributo autofocus HTML5

Os voy a poner este sencillo ejemplo de autofocus HTML5 para que comprobéis su funcionamiento:

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.

Listado de los nuevos atributos HTML5

En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.

Listado de los nuevos input HTML5

En esta url tenéis el listado completo de los nuevos input de HTML5.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies