需要注意的是/如果页面中设置了多个autofocus属性，那么用户的光标只会定位到最后一个设置了autofocus属性的表单域上。
使用占位文本
communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > Exemple de code de mise au point automatique et de texte d'espace réservé pour les compétences du didacticiel HTML5 form_html5

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

WBOY
Libérer： 2016-05-16 15:49:10
original
1272 Les gens l'ont consulté

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> ;

    2. user" > Nom d'utilisateur






  3. /li>








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> ;



    2. name="user" placeholder="Entrez le pseudo">
    3. < ;input type="password" id="password" name="user_password" placeholder="Entrez le mot de passe">
      4. ">Confirmer le mot de passe

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

    複製程式碼
    程式碼如下:



    只需要將atuocomplete的值設為off，就可以阻止自動完成。
    • Étiquettes associées：
    Formulaire d'inscription
    source：php.cn
    Article précédent：Introduction aux nouveaux sélecteurs CSS et pseudo-classes dans les compétences du didacticiel HTML5_html5 Article suivant：Introduction à l'utilisation des compétences du didacticiel HTML5 autofocusattribut_html5
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Derniers articles par auteur
    Derniers numéros
    Expression régulière pour faire correspondre les mots J'ai un script dans lequel j'essaie de faire correspondre les nouveaux noms de travaux ave...
    Depuis 2024-04-06 21:24:04
    0
    1
    606
    Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...
    Depuis 2024-04-06 19:39:29
    0
    1
    441
    Élément enfant React non valide (trouvé : objet avec la clé {clientVersion}). Si vous souhaitez afficher une collection d'éléments enfants, utilisez plutôt un tableau J'ai un formulaire en plusieurs étapes et lorsque j'essaie de le soumettre, cette erreur s...
    Depuis 2024-04-06 16:25:39
    0
    1
    346
    Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
    Depuis 2024-04-06 14:54:03
    0
    2
    421
    Créez des utilisateurs dans Vue à l'aide de Firebase sans vous connecter J'ai créé un formulaire pour créer des profils d'utilisateurs. Mais chaque fois que je cré...
    Depuis 2024-04-06 14:20:12
    0
    1
    514
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal