Exemple de code de mise au point automatique et de texte d'espace réservé pour les compétences du didacticiel HTML5 form_html5

Regardez d'abord l'exemple de code ci-dessous pour utiliser la mise au point automatique HTML et le texte d'espace réservé

Copiez le code

Le le code est le suivant :

2 :
< ;meta charset= "utf-8">

id="register_information ">

Inscription d'un nouvel utilisateur

1. /label> ;
   
   
user" > Nom d'utilisateur



2. 
   nom d'affichage
   
3. 
   password
   /li>
   
4. 
   Confirmer le mot de passe
   
   

Utiliser l'autofocus

Pour utiliser la fonction autofocus de HTML5, il vous suffit d'ajouter l'attribut autofocus au champ du formulaire
Par exemple, ci-dessus, pensez Let le curseur soit automatiquement positionné sur la première boîte aux lettres du champ du formulaire lorsque la page est chargée et améliore l'efficacité de la saisie.





Copier le code

Le code est le suivant :

>< label for="name">email

Il est à noter que si plusieurs attributs autofocus sont définis sur la page, le curseur de l'utilisateur ne sera positionné que sur le dernier champ du formulaire avec l'attribut autofocus défini.

Utiliser le texte d'espace réservé La plus grande utilisation du texte d'espace réservé est d'expliquer aux utilisateurs comment remplir correctement le formulaire. Autrement dit, l'invite de saisie est exécutée. Pour utiliser du texte d'espace réservé, il vous suffit d'ajouter l'attribut d'espace réservé au champ de saisie Voici le champ du formulaire de saisie utilisant l'attribut d'espace réservé

Copier Code

Le code est le suivant :

1. ;/ label> ;li> ; username
   
   


2. 
   nom d'affichage name="user" placeholder="Entrez le pseudo">
< ;input type="password" id="password" name="user_password" placeholder="Entrez le mot de passe">
">Confirmer le mot de passe

運作效果如下
 
是否啟用自動完成
在HTML5中引入了autocomplete屬性。用來通知瀏覽器是否為目前表單域自動填入資料。某些瀏覽器會記住使用者先前輸入的數據，而在某些情況下，我們可能不希望使用者使用記錄數據，特別類似於密碼這一類的
關閉自動完成

複製程式碼

程式碼如下:

只需要將atuocomplete的值設為off，就可以阻止自動完成。