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:用于在文本框未輸入時(shí)提示作用
autofocus:用于控件自動(dòng)獲取焦點(diǎn)
-->
<input type="search" name="key" value="" results="s" placeholder="君樂(lè)寶" autofocus="true">
<input type="button" name="" value="搜索">
<br>
<!--
novalidate:在控件中加入了required、emial、url等驗(yàn)證后，如果想讓這些驗(yàn)證失效，可以在表單中將novalidate設(shè)置為tyue
-->
<form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true">
    <!--
required:必填
autocomplete:在網(wǎng)頁(yè)的文本框中輸入部分內(nèi)容或者雙節(jié)時(shí)，經(jīng)常會(huì)看到在下面顯示輸入過(guò)的內(nèi)容，
這就是html5的新特性：自動(dòng)完成，如果不想使用此功能，將其設(shè)置為off即可
-->
    <input type="text" name="UserName" value="" required autocomplete="off">
    <br>
    <!--
multiple:在選擇文件時(shí)，默認(rèn)只能單選，加上這個(gè)屬性后，則可以使用鼠標(biāo)選中多個(gè)文件進(jìn)行上傳
   -->
    選擇文件
    <input type="file" name="upload" value="" multiple="multiple">
    <br>
    <!--
list：這個(gè)屬性要和datalist元素一起使用，指定此文本框的可選擇項(xiàng)，另外其相較于select的優(yōu)點(diǎn)在于還可以輸入
   -->
    區(qū)號(hào)：
    <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:可以更改點(diǎn)擊此按鈕式提交到服務(wù)器的處理程序
formmethod:可以更改向服務(wù)器提交數(shù)據(jù)的方式
   -->
    <input type="submit" name="subsave" value="提交">
    <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get">
</form>
</body>

Formation continue