type類型新增和原來的屬性如下：
屬性值
值
描述
button
定義可點擊的按鈕（大多與 JavaScript 使用來啓動腳本）
checkbox
定義複選框。
color
定義拾色器。
date
定義日期字段（帶有 calendar 控件）
datetime
定義日期字段（帶有 calendar 和 time 控件）
datetime-local
定義日期字段（帶有 calendar 和 time 控件）
month
定義日期字段的月（帶有 calendar 控件）
week
定義日期字段的周（帶有 calendar 控件）
time
定義日期字段的時、分、秒（帶有 time 控件）
email
定義用於 e-mail 地址的文本字段
file
定義輸入字段和 "瀏覽..." 按鈕，供文件上傳
hidden
定義隱藏輸入字段
image
定義圖像作爲提交按鈕
number
定義帶有 spinner 控件的數字字段
password
定義密碼字段。字段中的字符會被遮蔽。
radio
定義單選按鈕。
range
定義帶有 slider 控件的數字字段。
reset
定義重置按鈕。重置按鈕會將所有表單字段重置爲初始值。
search
定義用於搜索的文本字段。
submit
定義提交按鈕。提交按鈕向服務器發送數據。
tel
定義用於電話號碼的文本字段。
text
默認。定義單行輸入字段，用戶可在其中輸入文本。默認是 20 個字符。
url
定義用於 URL 的文本字段。
其中coror和datetime、date、datetime、datetime-local、month、week、file、range、search、number、image、hidden是重點，後面會詳細介紹！
新增表單屬性如下：
所有二十項類目如下：可以好好研究一下偶！
1. placeholder 屬性 當用戶還沒有輸入值的時候，輸入型控件可以通過 placeholder 屬性向用戶顯示描性說明或者提示信息。使用 placeholder屬性只需要將說明性文字作爲該屬性值即可。除了普遍的文本輸入框外，email、number、url 等其他類型的輸人框也都支持placeholder 屬性。
placeholder 屬件的使用方法如下： <label> text:: <input type="text" placeholder="write me"></label>
2、autocomplete 屬性 瀏覽器通過 autocomplete 屬性能夠知曉是否應該保存輸入值以備將來使用。例如不保存的代碼如下： <input type="text" name="mr" autocomplete="off"/> autocomplete 屬性應該用來保護敏感用戶數據，避免本地測覽器對它們進行不安全地存儲。對於 autocomplete 屬性，可以指定“on”“off " 與““(不指定) 這三種值。不指定時，使用瀏覽器的默認值(取決於瀏覽器的決定)。把該屬性值設爲on 時，可以顯示指定候補輸入的數據列表。 使用 <detailst>標籤與 list 屬性提供候補輸入的數據表，自動完成時，可以將該 <detalist> 標籤中的數據作爲候補輸人的數據在文本框中自動顯示。autocomplete 屬性的使用方法如下所示：
<input type="text" name="mr" autocomplete="on" list="mrs"/>
3. autofocus 屬性 給文本框、選擇框或按鈕控件加上該屬性，當畫面打開時，該控件自動獲得光標焦點。目前爲止要做到這一點需要使用JavaScript, autofocus 屬當的使用方法如下所示:
<input type="text" autofocus>
只有當一個頁面是以使用某個控件爲主要目的時，纔對該控件使用 autofocus 屬性。一個頁面只能有一個控件有該屬性。 從實際角度來說，不要隨便濫用該屬性。
4. list 屬性 在 HTML5 中，單行文本框增加了一個 list 屬性，該屬性的值爲某個 <datalist>標籤的 id。<datalist>標籤也是 HTML5中新增標籤，該標籤類似於選擇框( select )，但是當用戶想要設置的值不在選擇列表之內時，允許其自行輸入。該標籤本身並不顯示，而是當文本框獲得焦點時以提示輸入的方式顯示。 爲了避免在沒有支持該標籤的瀏覽器上出現顯示錯誤，可以用 CSS 等將它設定爲不顯示。list 屬性的使用方法如下代碼。
5. min 和 max 屬性 通過設置 min 和 max 屬性，可以將 range 輸入框的數值輸入範圍限定在最低值和最高值之間。這兩個特性既可以只設置一個，也可以兩個都設置，當然還可以都不設置，輸入型控件會根據設置的參數對值範圍做出相應調整。【例】創建一個表示型大小的 range 控件，值的範圍爲 0%~100%，
代碼如下： <input id="confidence" name="mr" type="range" min="o" max="100" value="0">
上述代碼會創建一個最小值爲0、最大值爲100 的 range 控件。 默認的 min 爲 0,max 爲 100。
6.step 屬性 對於輸入型控件，設置其 step 特性能夠制定輸入值遞增或遞減的梯度。 例如，按如下方式表示型大小 range 控件的 step 屬性設置爲 5：
<input id="confidence" name="mr" type="range" min="0" max="100" step="5" value="0">
設置完成後，控件可接受的輸入值只能是初始值與 5 的倍數之和。也就是說只能輸入0、5、10 … 100， 至於是輸入框還是滑動條輸人則由瀏覽器決定。 step屬性的默認值取決於控件的類型，對於range 控件，step默認值爲1。
7. required 屬性 一旦爲某輸入型控件設置了 required 屬性，那麼此項必鎮，否則無法提交表單。 以文本輸入框爲例，要將其設置爲必填項，按照如下方式添加 required 屬性即可。
<input type="text" id="firtname" name="mr' reaquired> required 屬性是最簡單的一種表單驗證方式。
8. email 輸入類型 email 類型的<input>標籤是一種專門用來輸人 email 地址的文本框。提交時如果該文本框中內容不是 email 地址格式的文字則不允許提交，但是它並不檢查 email 地址是否存在。和所有的輸入類型一樣用戶可能提交帶有空字段的表單，除非該字段加上了 required 屬性。 email 類型的文本框具有 multiple 屬性，它允許在該文本框中輸入一串以逗號隔開的有效 email 地址。當然，這不是要求用戶使用該 email 地址列表，瀏覽器可能使用複選框從用戶的郵件客戶端或手機通訊錄中很好地取出用戶的聯絡人的列表。 email 類型的 <input>標籤的使用方法如下：
<input type= "email" name="email" value="[email protected]"/>
9. url輸入類型 url 類型的<input>標籤是一種專門用來輸人 url 地址的文本框。提交時如果該文本框中內容不是 url 地址格式的文字，則不允許提交。 url 類型的<input>標籤的使用方法如下:
<input name="url" type="url" value="http://www.baidu.com"/>
10. date類型 date 類型的 input 標籤以日曆的形式方便用戶輸人。 Date類型的<input>標籤的使用方法如下: <input name="date1" type="date" value="2012 09-25"/>
11. time類型 time 類現的<input>標籤是一種專門用來輸入時間的文本框， 並且在提交時會對輸入時間的有效性進行檢查。 time 類型的 <input> 標籤的使用方法如下：
<input name="time1" type="time" value="10:00"/>
12. datetime 輸入類型 datetime 類型的 input 標籤是一種專門用來輸入 UTC 日期和時間的文本框，並且在提交時會對輸入的日期和時間進行有效性檢查。 datetime 類型的 input 標籤的使用方法如下：
<input name="datetime1" type="datetime" />
13. datetime-local 輸入類型 datetime-local 類型的 input 標籤是一種專門用來輸入本地日期和時間的文本框，並且在提交時會對輸入的日期和時間進行有效性檢查。 datetime-local 類型的<input> 標籤的使用方法如下:
<input name="datetime-local" type="datetime-local"/>
14. month輸入類型 month 類型的<input>標籤是一種專門用來輸人月份的文本框， 並且在提交時會對輸入的月份的有效性進行檢查。 month類型的<input>標籤的使用方法如下:
<input name="moth1" type="month" Value="2012-09"/>
15. week輸入類型 week 類型的 <input> 標籤是一種專門用來輸入周號的文本框，並且在提交時會對輸入的周號有效性進行檢查。它可能是個簡單的輸入文本框， 允許用戶輸入一個數字；也可能更復雜。更精確。 week 類型的<input>標籤的使用方法如下:
<input name="week1" type="week" value="2012-w39"/>
16. number輸入類型 number 類型的<input>標籤是一種專門用來輸入數字的文本框，並且在提交時會檢查其中的內容是否爲數字。它與 min、 max、 step 屬性能很好地協作。 number 類型的 <input> 標籤的使用方法如下：
<input name="number1" type="number" value="54" min="10" max="100" step="5" />
17. range輸入類型 range 類型的 <input> 標籤是一種只允許輸入一段範圍內數值的文本框，它具有 min 屬性與 max 屬性，可以設定最小值與最大值(默認爲0與100)，它還具有step屬性，可以指定每次拖動的步幅。 range 類型的 <input> 標籤的使用方法如下：
<input nam="range1" type="range" value="25" min="0" max="100" step="5"/>
18. search 輸入類型 search 類型的 <input> 標籤是一種專門用來輸入搜素關鍵詞的文本核。search類型與 text 類型僅僅在外現上有區別。 可用 css 樣式表對文本框外觀改寫，如下所示： input [type="search"] { -webkit-appearance:textfield;} 19. tel 輸入類型 tel 類型的<input>標籤被設計爲用來輸入電話號碼的專用文本標。它沒有特殊的校驗規則，它甚至不強調只輸入數字，因爲很多電話號碼常常帶有額外的字符，例如 12-89564752 但是在實際開發中可以通過 pattern 屬性來指定對於輸入的電話號碼格式的驗證。
20. color輸入類型 color 類型的 <input>標籤用來選取顏色，它提供了一個原色選取器。現在，它只在Black Berry 瀏覽器中被支持。
原色器和日曆控件和時間控件前面博客中已經詳細介紹了。這裏就不再介紹了！