需要注意的是/如果页面中设置了多个autofocus属性,那么用户的光标只会定位到最后一个设置了autofocus属性的表单域上。
使用占位文本
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

May 16, 2016 pm 03:49 PM
Formulaire d'inscription

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,就可以阻止自動完成。
  • 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

    Outils d'IA chauds

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Stock Market GPT

    Stock Market GPT

    Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Quel est l'élément de côté dans HTML5? Quel est l'élément de côté dans HTML5? Aug 12, 2025 pm 04:37 PM

    Les éléments devraient être utilisés pour le contenu.

    Comment lire plusieurs fichiers audio séquentiellement dans HTML5? Comment lire plusieurs fichiers audio séquentiellement dans HTML5? Aug 25, 2025 pm 03:08 PM

    Vous pouvez lire plusieurs fichiers audio en séquence en écoutant l'événement terminé des éléments audio HTML5. Tout d'abord, la réponse claire est d'utiliser l'événement terminé pour déclencher la prochaine lecture audio; Les étapes spécifiques sont: 1. Définissez le tableau de fichiers audio et obtenez l'élément audio; 2. Définissez l'index de lecture actuel, chargez et lecture du premier audio; 3. Liez l'événement terminé pour l'élément audio, incrément l'index lorsque l'événement est déclenché et que l'audio suivant est chargé; 4. Vous pouvez choisir de réaliser la lecture de boucle ou l'arrêt une fois la lecture terminée; 5. Vous pouvez précharger le prochain son pour améliorer l'expérience; 6. Ajouter un traitement d'erreur pour sauter l'audio échoué; 7. Faites attention aux restrictions de lecture automatique du navigateur, et la première lecture doit être déclenchée par l'interaction utilisateur pour s'assurer que la lecture ultérieure n'est pas bloquée, et l'ensemble du processus passe

    Comment créer une page Web HTML5 simple Comment créer une page Web HTML5 simple Aug 12, 2025 am 11:51 AM

    Pour créer une page Web HTML5 simple, vous devez d'abord utiliser le type de document de déclaration, puis créer une structure de base contenant, et, qui définit l'encodage, la fenêtre et le titre, ajoutez du contenu visible tel que le titre, le paragraphe, le lien, les images et les listes. Enregistrez-le en tant que fichier .html et ouvrez-le directement dans le navigateur pour la visualisation, sans support de serveur. C'est la base d'une page HTML5 complète et efficace.

    Comment centrer une div dans HTML5? Comment centrer une div dans HTML5? Aug 21, 2025 pm 05:32 PM

    TOCENDERADIVHORIZONTALLALEMENT, USEMARGIN: 0AUTOWITHADEFINEDWIDTH.2

    Comment utilisez-vous l'attribut automatique dans HTML5? Comment utilisez-vous l'attribut automatique dans HTML5? Aug 14, 2025 pm 06:47 PM

    ThéautofocusattTribut-uautomatiquement se déplace de manière

    Comment utiliser la balise NAV pour les liens de navigation dans HTML5 Comment utiliser la balise NAV pour les liens de navigation dans HTML5 Aug 15, 2025 am 05:55 AM

    Thetaginhtml5isUsedTodeFinesectionofmajornavigationLinks, ProvidingSantalicTructureAndImprovingAccessibility and

    Qu'est-ce qu'une liste de définition dans HTML5? Qu'est-ce qu'une liste de définition dans HTML5? Aug 20, 2025 pm 02:01 PM

    AdefinitionListInHtml5iscreatEdUsingTheElementTogroupterms () avec TheirdFininitions (), permettant à laMultipletermStoshareADEFINITIONNORATATERMTOHAVEMULTIPLEDEFINITIONS, à faire de la manière alternative, à des glossaires, à des métadonnées, et à la contrainte

    Quelle est la différence entre une balise  et un  dans HTML5? Quelle est la différence entre une balise et un dans HTML5? Aug 22, 2025 pm 01:36 PM

    AnementistetheComplestructureInhtml, tandis que la réalimentation de la syntaxuséfineit; 1.AatagisthewrittenLabelWithInangleBracket, telasor, markingthestartOrnedofanElement, y compris le contenu et la fermeture (2.AuvementConsistsofanopeingTag, le contenu et la réaction (2.AnselementConsistSofanopeingTag, le contenu et la réaction (2.AnsemblementConsistSofanopeingTag, le contenu et le réapprovisionnement;

    See all articles