En este artículo, vamos a preseleccionar un elemento de entrada cuando se carga la página, es decir, el usuario no tiene que hacer clic en el primer cuadro de texto para comenzar a escribir en él. Cuando se carga la página, la entrada debe preseleccionarse y el usuario puede comenzar a escribir directamente. Esto se puede hacer usando el atributo de enfoque automático . Es un atributo booleano que enfoca el elemento y admite los elementos <button>, <input>, <select> y <textarea>.
Acercarse:
- Cree un div para el formulario HTML.
- Haremos elementos de entrada dentro de un formulario de tipo texto y agregaremos enfoque automático al nombre de usuario.
- En la carga de la página, veremos que el nombre de usuario estará enfocado y podemos comenzar a escribir directamente.
Sintaxis :
<input type="text" autofocus>
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <body> <h1> pre-select an input element </h1> <form> <label>Username:</label><br> <input type="text" name="username" autofocus> <br> <label>Email id:</label><br> <input type="text" name="email_id"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
Producción:
Preseleccionar elemento de entrada
Publicación traducida automáticamente
Artículo escrito por darksiderrohan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA