之前幾篇已經將html5的主要新增元素和特性簡單介紹完畢，lz一直在猶豫還要不要把其他元素也寫出來，因為其實沒什麼東西可以寫，就是自己用到時看一下就行。不過為了入門系列的完整，猶豫再三，還是決定簡單寫一下其他元素（看到其他深入的html5，lz就不寫到這裡了，因為lz也沒掌握，這裡有篇深入剖析html5，各位可以看看）。
新增的輸入型別元素有：
這些元素都是input標籤的type屬性的可選值，我們簡單對其做一下介紹。
email：
e-mail: "一般情況，在form提交的時候，需要我們寫乙個複雜的正規表示式對email進行校驗，不合法則不許提交。html5中該標籤直接可以完成校驗工作，省去我們一些工作。" name="
user_email
" />
如果增加multiple屬性的話，則允許我們用','分割多個郵箱進行驗證，有乙個不合法則不允許提交。
同時支援multiple屬性的型別是 file，允許我們一次上傳多個附件（不使用該屬性，則只能一次上傳乙個附件）。
urlurl和email基本一樣，只是不支援multiple屬性而已。
number
"type="number"，表示這是個數字型別的輸入框。number
" min="1
" max="
100" step="
2" value="
6">
min="1",表示輸入的數字不能小於1
max="100"，表示輸入的數字不能大於100
value="6"，表示預設值是6
step="2"，結合min的值，該輸入框的值只能遞增或遞減2，預設值為1。
另外 step註明該輸入框的精度（說精度或許不準確），預設值（1）情況和示例情況下，是不允許輸入小數值的，若要允許輸入小數，則可以將step改成0.1，0.01等，故lz稱其為精度。
將step改成0.2，效果如下
range 型別和number基本一樣，只是顯示效果為滑動條。
date pickers（(date, month, week, time, datetime, datetime-local)）
實在沒啥好說的~
search 輸入型別用於搜尋字段，比如站內搜尋或谷歌搜尋等。搜尋欄位的外觀與常規的文字字段無異。
color
color 輸入型別用於規定顏色。該輸入型別允許您從拾色器中選取顏色。
新的表單元素包括：
datalist
datalist 元素規定輸入域的選項列表，通過 datalist 內的 option 元素建立。
它和select標籤的區別在於，select是乙個可見的元素，而datalist預設是不可見的，它需要繫結到某乙個輸入域才可以展示出來。省去了我們自己動手用input+div實現下拉框效果的工作。
把datalist繫結到輸入域時，將輸入域的list屬性引用 datalist 的 id：
"注意，datalist option的value是必填項，若為空，則下拉框忽略選項。url" list="
url_list
" name="
link
" />
"url_list
">
" value="
" />
"microsoft
" value="
" />
keygen
keygen 元素是金鑰對生成器（key-pair generator），目前，支援此元素的瀏覽器不多，lz也沒深入去試驗，略過吧。
output
當output元素獲取到焦點，觸發onforminput事件（繫結乙個js事件），自動運算。lz本地測試均沒有看到效果~~~略失望。
autocomplete
autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。簡單說就是記錄使用者的輸入框記錄，下次自動提醒。
看到效果，就明白是什麼情況了。form的autocomplete屬性規定其包裹的標籤元素均繼承autocomplete屬性，而元素特別指出不使用autocomplete屬性的優先順序高於繼承來的屬性，所以示例中的email是沒有自動提醒的。
novalidate
novalidate 屬性規定在提交表單時不應該驗證 form 或 input 域。
在使用了novalidate屬性的標籤或form，其預設的校驗行為失效，比如email型別的輸入框不會進行校驗
autofocusautofocus 屬性規定在頁面載入時，域自動地獲得焦點。
form
form 屬性規定輸入域所屬的乙個或多個表單（使用空格分隔的列表）。
last name:即 lname輸入框是表單user_form的乙個元素，會一併被提交。"text
" name="
lname
" form="
user_form
" />
form overrides
表單重寫屬性（form override attributes）允許您重寫 form 元素的某些屬性設定。
表單重寫屬性有：
這些屬性對於建立不同的提交按鈕很有幫助。
以前我們的做法是在不同按鈕提交前使用js替換form的對應屬性，而html5通過該屬性實現，省去了相應**的編寫。
height 和 width
這倆屬性只適用於image型別的input標籤，因為在html5中，image型別的input標籤點選提交後會將的點選座標一起傳遞到後台。
list
上邊我們在將datalist元素的時候使用的就是list屬性，這裡就不多說了。
min、max 和 step
這三個屬性，我們在number型別的input標籤中都有說到。略過。
multiple
在email型別的input標籤中說過，略過。同時其支援file型別的input標籤。
pattern，placeholder ，required
定義了乙個有預設提示的符合某個正規表示式的必填項，看執行效果如下details & summary
title
chkvalue
點選summary時detail內容會被展開，效果如下：
meter和progress
顯示度量值：
3/10
80%50%
40%meter 標籤定義已知範圍或分數值內的標量測量。也被稱為 gauge（尺度）。
注釋：meter標籤不應用於指示進度（在進度條中）。如果標記進度條，請使用 progress 標籤。
meter支援high/low屬性，當當前值低於low或者高於high時，展示結果會顏色變化以表示警告。
lz看了其他人總結的一些內容，包括一些高階內容，如果有需要，請移步這裡
到這裡為止，html5的基礎內容基本就結束了。目前的計畫是，節後針對canvas做一些詳細介紹。
HTML5急速入門
基礎 段落標籤 換行標籤 水平分割線 斜體 強調斜體 加粗強調加粗 標題標籤 字型加粗 自佔一行 上標 下標 下劃線刪除線 無意義的行級標籤 無意義的塊級標籤 設定字的大小 顏色 字型 blank 新建視窗開啟 self 在本視窗開啟 parent 父視窗開啟 top 頂級視窗開啟 2錨點 1 定義...
HTML5（六）表單合集
html5 有以下新的表單元素 元素規定輸入域的選項列表。屬性規定 form 或 input 域應該擁有自動完成功能。當使用者在自動完成域中開始輸入時，瀏覽器應該在該域中顯示填寫的選項 使用 元素的列表屬性與 元素繫結.例項 元素的作用是提供一種驗證使用者的可靠方法。標籤規定用於表單的金鑰對生成器字...
HTML5學習筆記一 簡單學習HTML5
html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...