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.
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.
<input autofocus type="text" placeholder="Con autofocus"/>
De esta manera el input
va a obtener el foco o será enfocado al entrar a la página. Veamos un ejemplo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Autofocus</title>
</head>
<body>
<a href="//parzibyte.me/blog">By Parzibyte</a>
<br>
<input type="text" placeholder="Sin autofocus"/>
<br><br>
<input autofocus type="text" placeholder="Con autofocus"/>
</body>
</html>
En este caso un input tiene el focus automático y otro no.
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…
Esta web usa cookies.