Atribut baharu untuk borang HTML5

Teg input yang baru ditambah atribut unik

1) atribut autofokus

="text" autofocus=" autofocus"/> Atribut ini boleh menetapkan teg input dalam halaman semasa untuk mendapatkan fokus selepas ia dimuatkan.

2) maks, min, langkahIni telah diperkenalkan di atas, dan semuanya berkaitan dengan nombor.

3) pemegang tempat:Atribut maklumat segera, dengan demo padanya.

4) berbilang: digunakan untuk kawalan muat naik fail Selepas menetapkan atribut ini, berbilang fail dibenarkan untuk dimuat naik.

5) Atribut pengesahan: Menetapkan atribut yang diperlukan menunjukkan bahawa kotak teks semasa mesti mempunyai input data sebelum penyerahan dan semua ini dilengkapkan secara automatik oleh penyemak imbas.

Ini sehebat ketika menggunakan Jq Validate. Dan juga menambah: pengesahan ungkapan biasa corak.

demo: input type="text" autofocus="autofocus" pattern="d+" />

6) Satu lagi peningkatan besar ialah penambahan atribut form, iaitu That ialah, mana-mana teg boleh menentukan bahawa ia tergolong dalam borang, dan bukannya perlu membungkusnya dalam <form></form>.

Mari kita lihat demo: <input type="text" form="demoForm" name="demo"/>

Atribut baharu ditambah kepada teg borang Borang

1) Atribut novalidate menentukan bahawa medan borang atau input tidak boleh disahkan semasa menyerahkan borang.

demo: <form action="" method="POST" novalidate="true"></form>

2)autolengkap atribut menentukan borang Atau medan input harus mempunyai fungsi autolengkap.

<body>
<!--
placeholder:用于在文本框未輸入時提示作用
autofocus:用于控件自動獲取焦點(diǎn)
-->
<input type="search" name="key" value="" results="s" placeholder="君樂寶" 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)頁的文本框中輸入部分內(nèi)容或者雙節(jié)時，經(jīng)常會看到在下面顯示輸入過的內(nèi)容，
這就是html5的新特性：自動完成，如果不想使用此功能，將其設(shè)置為off即可
-->
    <input type="text" name="UserName" value="" required autocomplete="off">
    <br>
    <!--
multiple:在選擇文件時，默認(rèn)只能單選，加上這個屬性后，則可以使用鼠標(biāo)選中多個文件進(jìn)行上傳
   -->
    選擇文件
    <input type="file" name="upload" value="" multiple="multiple">
    <br>
    <!--
list：這個屬性要和datalist元素一起使用，指定此文本框的可選擇項(xiàng)，另外其相較于select的優(yōu)點(diǎn)在于還可以輸入
   -->
    區(qū)號：
    <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>

Meneruskan pembelajaran