<option id="nlu2j"><blockquote id="nlu2j"></blockquote></option>

HTML5表單新增屬性

Input標(biāo)籤新增加的獨(dú)特屬性

1）autofocus屬性

?????????????="text" autofocus="autofocus"/>? 此屬性可以設(shè)定目前頁(yè)面中input標(biāo)籤載入完畢後獲得焦點(diǎn)。

2）max,min,step這些上面都介紹過(guò)了，都是跟數(shù)字相關(guān)。

3）placeholder:提示訊息屬性，上面有demo。

4）multiple：用於檔案上傳控件，設(shè)定此屬性後，允許上傳多個(gè)檔案。

5）校驗(yàn)屬性：設(shè)定了required 屬性後預(yù)示當(dāng)前文字方塊在提交前必須有資料輸入，而這一切都是由瀏覽器自動(dòng)完成。

???????????? 且有使用Jq Validate的時(shí)候相同的爽。而且也加入了：pattern正規(guī)表示式的校驗(yàn)。

???????????? demo：input type="text" autofocus="autofocus" required pattern="\d+" />

6）另一個(gè)比較大的改良就是增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性，也增加了form屬性是說(shuō)，任何一個(gè)標(biāo)籤都可以指定它所屬於一個(gè)表單，而不是必須在<form></form>進(jìn)行包裹了。

且看demo：<input type="text" form="demoForm" name="demo"/>

Form表單標(biāo)籤新增加屬性

1）novalidate 屬性規(guī)定提交表單時(shí)不應(yīng)該驗(yàn)證form 或input 網(wǎng)域。

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

2)aucomplete\</form>##2)

aucomplete

#2）屬性規(guī)定##1#2)#####1#2）屬性規(guī)定##2###1#2)#####2#2####1#2）屬性?；騣nput 域應(yīng)該擁有自動(dòng)完成功能。 ###

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

##########

繼續(xù)學(xué)習(xí)