Html5 input表單更新
Html提供了不少新的表單輸入類型
- email IE不支持 輸入域必須包括e-mail的地址,在提交表單時,會自動驗證email域的值;
- url 輸入域是包含URL地址
- number 用於應該包含數值的輸入域:能夠設置min和max,step,number ;
- range 用於應該包含必定範圍內數字值得輸入域,類型爲滑動條
- Date pickers 日期選擇
- search 用於搜索域,好比站點搜索或google搜索
- color
新的表單元素
- datalist 規定輸入域的選項列表,在實現選擇框的時候很強大 只兼容Oprea
- keygen
- output
新的form屬性
- autocomplete
- novalidate 屬性規定在提交表單時不該該驗證 form 或 input 域。
新的input屬性
- autocomplete 各瀏覽器支持性良好 規定input域應該有自動完成功能;
- autofocus 規定頁面在加載的時候,域自動得得到焦點,意思就是頁面一加載完成,光標|會自動定位到框中,等待輸入;不支持IE和FF;
- form 規定所屬表單,可能沒有寫在form中,可是仍屬於該form;
- overrides
- height和width 各瀏覽器支持性良好
- list
- min,max和step
- multiple
- pattern 規定用於驗證 input 域的模式
- placeholder
- required 屬性規定必須在提交以前填寫輸入域
歡迎關注本站公眾號,獲取更多信息