H5智能表單

表單

• keygen元素的做用是提供一種驗證用戶的可靠方法
• datalist 元素規定輸入域的選項列表

• output元素用於不一樣類型的輸出，好比計算或腳本輸出

  智能表單

  input 新增type值

• email 郵箱地址
• url 網址
• number 輸入值必須是數字
• 屬性 min最小 max最大 step指定跳躍 value默認值
• range取值範圍
• 屬性 min/max/step/value
  
• tel 用於電話號，由於存在 - 等字符，因此等同於text 可是用移動設備，會直接彈出數字鍵盤
• search 效果和text同樣，專用於搜索框
• 屬性 results
• color
• date
• month
• week
• time

• datetime-lcoal選取本地時間，日月年

  form元素 新增的屬性

• autocomplete 值 off/on
• novalidate 不進行驗證

• 表單控制新增的屬性

• pattern input/textarea屬性規定用於驗證輸入字段的模式
• placeholder input/textarea
• autofocus 元素應該自動得到焦點
• autocomplete off/of自動完成

• required

提交按鈕 新增屬性

• formaction - 重寫表單的 action 屬性
• formmethod - 重寫表單的 method 屬性
• formenctype - 重寫表單的 enctype 屬性
• formtarget - 重寫表單的 target 屬性
• formnovalidate - 重寫表單的 novalidate 屬性

H5新增全局屬性

• contenteditalbe 是否可編輯
• contextmenu
• spellcheck 是否語法檢查 true/false
• draggable 是否拖動 true/false
• dropzome
• translate 是否翻譯 yes/no
• hidden 隱藏 不須要值
• data-*

條件註釋

基礎運算符

• lt 小於
• gt 大於
• lte 小於等於
• gte 大於等於
• ! 不等於

用法

<!--[if   運算符  IE版本]>
<![endif]-->

兼容原則

• 優雅降級
• 漸進加強