亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML5表單新增屬性

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

1)autofocus屬性

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

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

3)placeholder:提示訊息屬性,上面有demo。

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

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

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

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

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

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

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

1)novalidate 屬性規(guī)定提交表單時不應(yīng)該驗證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)屬性。或input 域應(yīng)該擁有自動完成功能。 ###
<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設(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)選中多個文件進行上傳
   -->
    選擇文件
    <input type="file" name="upload" value="" multiple="multiple">
    <br>
    <!--
list:這個屬性要和datalist元素一起使用,指定此文本框的可選擇項,另外其相較于select的優(yōu)點在于還可以輸入
   -->
    區(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:可以更改點擊此按鈕式提交到服務(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í)
||
<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設(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)選中多個文件進行上傳 --> 選擇文件 <input type="file" name="upload" value="" multiple="multiple"> <br> <!-- list:這個屬性要和datalist元素一起使用,指定此文本框的可選擇項,另外其相較于select的優(yōu)點在于還可以輸入 --> 區(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:可以更改點擊此按鈕式提交到服務(wù)器的處理程序 formmethod:可以更改向服務(wù)器提交數(shù)據(jù)的方式 --> <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>