Commentaire: Je crois que vous avez une bonne compréhension du texte automatique et du texte d'espace réservé de HTML5. Pour utiliser la fonction Autofocus de HTML5, il vous suffit d'ajouter l'attribut automatique dans le champ Form. Tout d'abord, consultez l'exemple de code suivant pour l'utilisation de la mise au point automatique HTML et du texte d'espace réservé. Les amis intéressés peuvent en savoir plus.
Regardez d'abord l'exemple de code suivant pour l'utilisation de l'autofocus HTML et du texte d'espace réservé
<! Doctype html> 2: <html>
<adal>
<Title> Enregistrez un compte </TITME>
<meta charset = "utf-8">
</ head>
<body>
<form metheth = "post" action = "goto">
<Fieldset>
<gend> nouvel enregistrement des utilisateurs </GENEND>
<l>
<li>
<étiquette pour = "name"> e-mail </ label>
<entrée type = "e-mail">
</li>
<li>
<étiquette pour = "utilisateur"> Nom d'utilisateur </ Label>
<input type = "text">
</li>
<li>
<étiquette pour = "surnom"> Nom d'affichage </ label>
<input type = "text">
</li>
<li>
<étiquette pour = "Mot de passe"> Mot de passe </ label>
<entrée type = "mot de passe">
</li>
<li>
<étiquette pour = "confirm_password"> Confirmer le mot de passe </ label>
<entrée type = "mot de passe">
</li>
</l>
</ fieldset>
</ form>
</docy>
</html>
Utilisation de l'autofocus
Pour utiliser la fonction Autofocus de HTML5, ajoutez simplement la propriété Autofocus dans le champ de formulaire
Par exemple, vous souhaitez localiser automatiquement le curseur sur la boîte aux lettres de champ du premier formulaire du formulaire lorsque la page est chargée et améliorer l'efficacité d'entrée.
<li>
<étiquette pour = "name"> e-mail </ label>
<entrée type = "e-mail" Autofocus>
</li>
Il convient de noter que si plusieurs propriétés de mise au point automatique sont définies dans la page, le curseur de l'utilisateur ne sera situé que sur le dernier champ de formulaire avec l'ensemble des propriétés Autofocus.
Utiliser le texte de l'espace réservé
La plus grande utilisation du texte d'espace réservé est d'expliquer aux utilisateurs comment remplir correctement le formulaire. C'est-à-dire que l'invite d'entrée est réalisée. Pour utiliser le texte d'espace réservé, ajoutez simplement l'attribut d'espace réservé dans le champ de saisie
Vous trouverez ci-dessous le champ de formulaire d'entrée en utilisant l'attribut d'espace réservé
<l>
<li>
<étiquette pour = "name"> e-mail </ label>
<entrée type = "e-mail" AutofOCUS Planholder = "Veuillez saisir une adresse e-mail valide">
</li>
<li>
<étiquette pour = "utilisateur"> Nom d'utilisateur </ Label>
<input type = "text" placeholder = "Entrez le nom d'utilisateur">
</li>
<li>
<étiquette pour = "surnom"> Nom d'affichage </ label>
<input type = "text" placeholder = "Entrez surnom">
</li>
<li>
<étiquette pour = "Mot de passe"> Mot de passe </ label>
<entrée type = "mot de passe" placeholder = "Entrez le mot de passe">
</li>
<li>
<étiquette pour = "confirm_password"> Confirmer le mot de passe </ label>
<entrée type = "mot de passe" placeholder = "Entrez à nouveau le mot de passe">
</li>
</l>
L'effet de fonctionnement est le suivant
S'il faut permettre la saisie semi-automatique
L'attribut d'observation automatique a été introduit dans HTML5. Utilisé pour informer le navigateur si le champ de formulaire actuel est automatiquement rempli de données. Certains navigateurs se souviendront des données saisies par l'utilisateur auparavant, et dans certains cas, nous ne voulons peut-être pas que l'utilisateur utilise les données d'enregistrement, en particulier similaires au mot de passe.
Fermer la saisie semi-automatique
<input type = "mot de passe" automatique AutoClete = "OFF" Planholder = "Entrez le mot de passe">
Définissez simplement la valeur d'AtuoComplete sur OFF pour éviter l'achèvement automatique.