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 屬性規定必須在提交以前填寫輸入域
相關文章
相關標籤/搜索