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.
En este post te quiero compartir un código de C++ para listar y cancelar trabajos…
Gracias a WebAssembly podemos ejecutar código de otros lenguajes de programación desde el navegador web…
Revisando y buscando maneras de imprimir un PDF desde la línea de comandos me encontré…
Esta semana estuve recreando la API del plugin para impresoras térmicas en Android (HTTP a…
Hoy te enseñaré a extraer la cadena base64 de una clave PEM usando una función…
Encender un foco con un Bot de Telegram es posible usando una tarjeta como la…
Esta web usa cookies.