由於目前html5標準仍然在開發中，不同的瀏覽器對html5特性的支援都相當有限。其中chrome、opera在表單方面支援得比較好，本例項在chrome、opera上執行一切正常，建議最高版本，效果圖如下：
這個表單使用哪些新元素型別及功能？
type型別
我們熟悉type就是text、password、submit、reset。
這個例子中使用了input的html5所賦予新型別email(郵箱)、range（數值條）、number（數字）、date（日期）、url（**）
type型別的詳細介紹請參考本站：全新改進的html5 表單建立
placeholder（輸入框佔位符）
乙個input預設提示文字，我們需要通過事件屬性來實現或者簡單的js**，在html5中一切就會變的這麼簡單，只需要加上placeholder="輸入框佔位符"，即可實現你想要的效果。
datalist（選項列表）
w3c賦予的解釋：
標籤定義選項列表。請與input 元素配合使用該元素，來定義input 可能的值。
datalist 及其選項不會被想顯示出來，它僅僅是合法的輸入值列表。
請使用input 元素的list 屬性來繫結datalist。
不過支援這個屬性的只有opera瀏覽器
HTML5中的form表單
元素用於生成輸入表單，該元素不會生成視覺化部分，它除了通用屬性id style class外，還可以指定onclick事件，除此之外，還有以下幾個屬性 action 指定當單擊表單內的確認按鈕時，該表單被提交到那個位址。該屬性既可以指定乙個絕對位址，也可以指定乙個相對位址，該屬性必填，非常重要！me...
HTML5 智慧型form表單新屬性
xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素，在html5中完全可以放在頁面任何位置，然後通過新增的form屬性指向元素所屬表單的id值，即可關聯起來。html5中確實新增了不少的新的屬性，給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...
html5系列 form 2 0 新表單屬性
首先必須提到，html5對boolean型別的標籤屬性更傾向於使用html 4.01時代的傳統段語法形式，即只有屬性名而沒有屬性值，例如 html5有不少新的表單屬性，僅列出一些比較重要的 這個屬性用來開啟或關閉表單的 自動完成 功能 屬性值為 on 表示開啟，為 off 表示關閉 不填的話就看瀏覽...