Nouveaux attributs pour les formulaires HTML5
Bale d'entrée attributs uniques nouvellement ajoutés
1) attribut de mise au point automatique
="text" autofocus=" autofocus"/> Cet attribut peut définir la balise d'entrée dans la page actuelle pour qu'elle obtienne le focus après son chargement.
2) max, min, stepCeux-ci ont été introduits ci-dessus, et ils sont tous liés aux nombres.
3) espace réservé :Attribut d'information rapide, avec une démo dessus.
4) multiple : utilisé pour le contrôle du téléchargement de fichiers. Après avoir défini cet attribut, plusieurs fichiers peuvent être téléchargés.
5) Attribut de validation : La définition de l'attribut requis indique que la zone de texte actuelle doit avoir une saisie de données avant la soumission, et tout cela est automatiquement complété par le navigateur.
C'est aussi cool que d'utiliser Jq Validate. Et également ajouté : vérification des expressions régulières de modèle.
démo : input type="text" autofocus="autofocus" requirejs pattern="d+" />
6) Une autre grande amélioration est l'ajout de l'attribut form, c'est-à-dire That Autrement dit, n'importe quelle balise peut spécifier qu'elle appartient à un formulaire, au lieu d'avoir à l'envelopper dans <form></form>.
Jetons un coup d'œil à la démo : <input type="text" form="demoForm" name="demo"/>
Nouveaux attributs ajoutés à la balise Form form
1) L'attribut novalidate précise que le formulaire ou le champ de saisie ne doit pas être validé lors de la soumission du formulaire.
démo : <form action="" method="POST" novalidate="true"></form>
2)autocomplete les attributs spécifient le formulaire Ou le champ de saisie doit avoir une fonctionnalité de saisie semi-automatique.
<body> <!-- placeholder:用于在文本框未输入时提示作用 autofocus:用于控件自动获取焦点 --> <input type="search" name="key" value="" results="s" placeholder="君乐宝" autofocus="true"> <input type="button" name="" value="搜索"> <br> <!-- novalidate:在控件中加入了required、emial、url等验证后，如果想让这些验证失效，可以在表单中将novalidate设置为tyue --> <form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true"> <!-- required:必填 autocomplete:在网页的文本框中输入部分内容或者双节时，经常会看到在下面显示输入过的内容， 这就是html5的新特性：自动完成，如果不想使用此功能，将其设置为off即可 --> <input type="text" name="UserName" value="" required autocomplete="off"> <br> <!-- multiple:在选择文件时，默认只能单选，加上这个属性后，则可以使用鼠标选中多个文件进行上传 --> 选择文件 <input type="file" name="upload" value="" multiple="multiple"> <br> <!-- list：这个属性要和datalist元素一起使用，指定此文本框的可选择项，另外其相较于select的优点在于还可以输入 --> 区号： <input type="text" name="age" value="" list="list1"> <br> <datalist id="list1"> <option value="0312">保定</option> <option value="0311">石家庄</option> <option value="010">北京</option> <option value="0313">唐山</option> </datalist> <!-- formaction:可以更改点击此按钮式提交到服务器的处理程序 formmethod:可以更改向服务器提交数据的方式 --> <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Cours frontal base zéro [Vue apprentissage avancé et application pratique]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutoriel WEB front-end [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Application pratique Apipost [api, interface, tests automatisés, mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
