En este post te mostraré a usar el atributo autofocus de los input en HTML para dar un focus automático a los elementos, es decir, dar focus a un campo de texto cuando se carga la página, sin usar JavaScript.
Nota: si quieres enfocar un elemento de manera programada, utiliza JavaScript y la función focus.
Atributo autofocus en HTML 5
Para que un input
esté enfocado, hay que definir el atributo autofocus
. Esta propiedad es booleana, es decir, el atributo no lleva ningún valor, basta con que esté presente.
De esta manera el input
va a obtener el foco o será enfocado al entrar a la página. Veamos un ejemplo:
En este caso un input tiene el focus automático y otro no.