Atributo de enfoque automático HTML5 -

HTML5 nos arrojó un montón de maravillas. Las tareas que realizamos con JavaScript y Flash, como validación básica de formularios, INPUTmarcadores de posición, denominación de archivos del lado del cliente y audio/video, ahora se pueden completar usando HTML básico. Otra funcionalidad simple que HTML nos permite ahora es el enfoque automático en los elementos al cargar la página; esto se logra usando el autofocusatributo.

El código es tan simple como parece:

!-- ¡Todos funcionan! --entrada de enfoque automático /botón de enfoque automático ¡Hola!/botóntextarea autofocus/textarea

Cuando el atributo de enfoque automático está presente, el elemento INPUT, TEXTAREAo BUTTONse selecciona automáticamente al cargar la página. Experimenté con elementos de visualización ( H1etiqueta) y un tabIndexvalor de 0, pero el enfoque automático no funcionó para ellos.

Este atributo es especialmente útil en páginas cuyo objetivo principal es recopilar información, como la página de inicio de Google (la búsqueda se utiliza el 99% del tiempo) o incluso un instalador guiado en línea (como el instalador de WordPress). Y lo mejor de todo: ¡no se necesita JavaScript!