Input標籤新增加的獨特屬性
1)autofocus屬性
="text" autofocus="autofocus"/> 此屬性可以設定目前頁面中input標籤載入完畢後獲得焦點。
2)max,min,step這些上面都介紹過了,都是跟數字相關。
3)placeholder:提示訊息屬性,上面有demo。
4)multiple:用於檔案上傳控件,設定此屬性後,允許上傳多個檔案。
5)校驗屬性:設定了required 屬性後預示當前文字方塊在提交前必須有資料輸入,而這一切都是由瀏覽器自動完成。
且有使用Jq Validate的時候相同的爽。而且也加入了:pattern正規表示式的校驗。
demo:input type="text" autofocus="autofocus" required pattern="\d+" />
6)另一個比較大的改良就是增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性,也增加了form屬性是說,任何一個標籤都可以指定它所屬於一個表單,而不是必須在<form></form>進行包裹了。
且看demo:<input type="text" form="demoForm" name="demo"/>
Form表單標籤新增加屬性
1)novalidate 屬性規定提交表單時不應該驗證form 或input 網域。
demo:<form action="" method="POST" novalidate="true"></form>
2)aucomplete\</form>##2)
aucomplete<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>##########下一節