Comentario: Creo que tiene una buena comprensión del enfoque automático y el texto del marcador de posición de HTML5. Para usar la función de enfoque automático de HTML5, solo necesita agregar el atributo de enfoque automático en el campo Formulario. Primero, mire el siguiente código de ejemplo para usar el autofocus HTML y el texto del marcador de posición. Los amigos interesados pueden aprender al respecto.
Primero busque el siguiente código de ejemplo para usar Autococus HTML y texto de marcador de posición
<! Doctype html> 2: <html>
<Evista>
<title> Registre una cuenta </title>
<meta charset = "utf-8">
</ablo>
<Body>
<Form Method = "Post" Action = "GOTO">
<FieldSet>
<legend> Registro de nuevo usuario </legend>
<Ol>
<li>
<etiqueta for = "name"> correo electrónico </selabel>
<input type = "correo electrónico">
</li>
<li>
<etiqueta for = "user"> nombre de usuario </elabel>
<input type = "text">
</li>
<li>
<etiqueta for = "Nickname"> Nombre de visualización </etiqueta>
<input type = "text">
</li>
<li>
<etiqueta for = "contraseña"> contraseña </etiqueta>
<input type = "contraseña">
</li>
<li>
<etiqueta for = "confirmar_password"> Confirmar contraseña </etiqueta>
<input type = "contraseña">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
Usando el enfoque automático
Para usar la función de enfoque automático de HTML5, simplemente agregue la propiedad de enfoque automático en el campo Formulario
Por ejemplo, desea ubicar automáticamente el cursor en el primer buzón de campo de formulario del formulario cuando la página está cargada y mejorar la eficiencia de entrada.
<li>
<etiqueta for = "name"> correo electrónico </selabel>
<input type = "correo electrónico" automático>
</li>
Cabe señalar que si se establecen múltiples propiedades de enfoque automático en la página, el cursor del usuario solo se ubicará en el último campo de formulario con el conjunto de propiedades de enfoque automático.
Utilice el texto del marcador de posición
El mayor uso del texto del marcador de posición es explicar a los usuarios cómo completar el formulario correctamente. Es decir, se realiza el mensaje de entrada. Para usar el texto del marcador de posición, simplemente agregue el atributo de marcador de posición en el campo de entrada
A continuación se muestra el campo Formulario de entrada utilizando el atributo de marcador de posición
<Ol>
<li>
<etiqueta for = "name"> correo electrónico </selabel>
<input type = "Correo electrónico" AutOfocus PlaceHolder = "Ingrese una dirección de correo electrónico válida">
</li>
<li>
<etiqueta for = "user"> nombre de usuario </elabel>
<input type = "text" placeHolder = "Enter UserName">
</li>
<li>
<etiqueta for = "Nickname"> Nombre de visualización </etiqueta>
<input type = "text" placeHolder = "Ingrese el apodo">
</li>
<li>
<etiqueta for = "contraseña"> contraseña </etiqueta>
<input type = "Password" PlaceHolder = "Ingrese la contraseña">
</li>
<li>
<etiqueta for = "confirmar_password"> Confirmar contraseña </etiqueta>
<input type = "Password" PlaceHolder = "Ingrese la contraseña nuevamente">
</li>
</ol>
El efecto de operación es el siguiente
Si habilitar autocompletar
El atributo autocompleto se introdujo en HTML5. Se utiliza para notificar al navegador si el campo de formulario actual se llena automáticamente con datos. Algunos navegadores recordarán los datos ingresados por el usuario antes, y en algunos casos es posible que no deseamos que el usuario use los datos de registro, especialmente similares a la contraseña.
Cerrar autocompletar
<input type = "Password" AutoComplete = "Off" PlaceHolder = "Ingrese contraseña">
Simplemente establezca el valor de ATUOCOMPLETE para evitar la finalización automática.