Html5新增input的form屬性，用於指向特定form表單的id，實現input無需放在form標籤之中，即可通過表單進行提交。
type新增屬性：
email、URL、date、time、month、week、number、range、color
input元素的新增屬性：
Autocomplete：自動完成功能.記錄用戶之前輸入的內容，並在下次輸入時自動提示完成輸入。
>>> 屬性值： on/off
>>> 可以在form表單上使用，對整張表單的所有控件進行自動完成的開關
也可以在input上使用，對特定輸入框進行修改。
>>> 絕大部分瀏覽器，默認開啟。
Autofocus：自動獲得焦點. autofocus="autofocus",只能設置input元素自動獲得焦點。
Form：所屬表單。通過form表單的id，確定此input輸入哪張表單。
Required：必填.required="required" 設置input必填，否則阻止提交。
Pattern：使用正則表達式驗證input的模式.
數字類型
跟數字強相關的類型，其中number、range在移動端開發時，會彈出數字鍵盤，而range是一個範圍滑動塊。
日期和時間類型
web表單常見的字段就是日期和時間，html5以此來收集這類信息
其他類型 ：email、url、color、search
其中一些類型在不同的設備上都會有不同的顯示。
placeholder 佔位符文本，以前我們用js來模擬，獲得焦點的時候，文本消失，失去焦點並且內容為空時，文本重現，現在html5自帶了這一項功能。
html結構：
如果想要修改placeholder中的文本樣式，那麼我們只要給瀏覽器設置一些樣式即可，css結構：
::-webkit-input-placeholder{
color:red;
font-size:14px;
}
::-moz-placeholder{
color:red;
font-size:14px;
}
autofocus 自動聚焦 ,autofocus屬性可以讓表單在加載完成時，會有一個表單域被默認聚焦或者選中，但是儘量不要在一個頁面上在多個表單域上使用autofocus,在一些低版本瀏覽器上會默認聚焦最後一個含有autofocus的表單域，在大多數瀏覽器中會聚焦第一個含有autofocus的表單域，這會造成跨瀏覽器的混亂。還有我們通常用空格鍵來滾動頁面，如果頁面上有autofocus的表單域會阻止這一瀏覽器的默認行為。
autocomplete 自動完成，很多瀏覽器默認提供自動完成功能，幫助用戶輸入上次提交過的內容，autocomplete有兩個必備的條件才能夠工作，一是一定要有form元素，二個是表單域上必須要有name屬性和name屬性值。但是，有些時候我們為了保護隱私，需要避免自動完成這項功能，我們開啟和關閉這項功能，只需給它賦值on或者off ,如果不賦值，默認就是on,表示功能開啟。
閱讀更多 千鋒H5 的文章
關鍵字: color placeholder 默認
