首先先說(shuō)一個(gè)html5中表單新增的一個(gè)功能，在我們之前的html中，表單元素必須放在form元素所包含的里面，在html5中，可以把他們寫(xiě)在頁(yè)面上的任何一個(gè)地方，然后給該元素增加一個(gè)form屬性，form屬性的值為form表單的id，如下：
公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)建站推出夏津免費(fèi)做網(wǎng)站回饋大家。
[html]?view plain?copy
form?method="get"?id="test"
input?type="text"?name="name"/ ?
input?type="password"?name="password"/
input?type="submit"?value="提交"
/form
input?type="text"?name="confirm"?form="test"
在form元素里面的表單元素可以不用添加form屬性，如果你想利用form獲取所有表單元素的值，那么在form元素外面的表單元素就必須添加form屬性，input、select、textarea等元素都滿足該功能。
接下來(lái)開(kāi)始介紹html5新增的表單元素，所有例子均用谷歌瀏覽器展示。
新增表單元素
email：提交表單的時(shí)候驗(yàn)證輸入值是否滿足email的格式
input type="email" name="email"/
url：提交表單的時(shí)候驗(yàn)證輸入值是否滿足url的格式
input type="url" name="url"/
number：根據(jù)你的設(shè)置提供選擇數(shù)字的功能，其中min為最小值，max為最大值，value為默認(rèn)值，step為點(diǎn)擊箭頭時(shí)數(shù)字的變化量，max、min、step、value均可不寫(xiě)，目前某些瀏覽器還不支持。
input type="number" name="number" min=2 max=100 step=5 value="15"/
range：會(huì)以一個(gè)滑塊的形式表現(xiàn)包含一定范圍內(nèi)數(shù)字值的輸入域，max為最大值，min為最小值，value為默認(rèn)值，如果沒(méi)有設(shè)置max和min，默認(rèn)值是1-100
input type="range" name="range" min=20 max=200 value="60"/
日期和時(shí)間類(lèi)型：
date：選取日、月、年
input type="date" name="date"/
month：選取月、年
input type="month" name="month"/
week：選取周、年
input type="week" name="week"/
time：選取小時(shí)、分鐘
input type="time" name="time"/
datetime：選取時(shí)間、日、月、年(UTC時(shí)間)（我這里瀏覽器顯示不出效果）
input type="datetime" name="datetime"/
datetime-local：選取時(shí)間、日、月、年(本地時(shí)間)
input type="datetime-local" name="datetime-local"/
search：用于搜索域，若加上result="s"屬性，則會(huì)在搜索框前面加一個(gè)搜索圖標(biāo)（我這里瀏覽器顯示不出效果）
input type="search" name="search" result="s"/
tel：驗(yàn)證輸入的是否是電話號(hào)碼的格式（我這里瀏覽器顯示不出效果）
input type="tel" name="tel" /
color：color類(lèi)型會(huì)提供顏色拾取器，供用戶選擇顏色，并將用戶選擇的顏色填充到此元素中
input type="color" name="color"/
新增input屬性(部分容易理解的就不進(jìn)行代碼演示了)，后面為支持該屬性的元素
autofocus：在打開(kāi)頁(yè)面時(shí)使元素自動(dòng)獲取焦點(diǎn) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //input,button,select,textarea
placeholder:?在用戶輸入時(shí)進(jìn)行提示 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?// input,textarea
form：這篇文章的開(kāi)頭就有這個(gè)屬性，它用于表明元素屬于哪個(gè)表單，無(wú)論元素的位置在哪里，所屬表單都能獲取該元素的值 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//input,output,button,select,textarea,fieldset
required：表明該元素是必填項(xiàng)，當(dāng)提交表單的時(shí)候會(huì)自動(dòng)驗(yàn)證該元素的內(nèi)容是否不為空 ? ? ? ? ?//input,textarea
max/min/step：限制值的輸入范圍，以及值的變化程度。上面的新增number元素有介紹。 ? ? ? ?//input
autocomplete：使form元素或者input元素?fù)碛凶詣?dòng)完成功能，既記錄用戶之前輸入的值，關(guān)閉為off，默認(rèn)為on。 ? ? ? ? ? ? ? ? ? ? ? ? ? ?//form,input
表單重寫(xiě)屬性： ? ? ? ? ? ? ? ? ? ???//input
formaction:重寫(xiě)表單的action屬性 ?
formenctype:重寫(xiě)表單的enctype屬性。
enctype屬性管理的是表單的MIME編碼，MIME就是一種電子郵件傳輸?shù)幕ヂ?lián)網(wǎng)標(biāo)準(zhǔn)，表明傳遞的信息類(lèi)型和編碼，共有三個(gè)值可選：
1，application/x-www-form-urlencoded（默認(rèn)），設(shè)置表單傳輸?shù)木幋a。
2，multipart/form-data，指定傳輸數(shù)據(jù)的特殊類(lèi)型，主要就是上傳的非文本內(nèi)容，比如文件、圖片。
3，text/plain，純文本傳輸。
formmethod: 重寫(xiě)表單的method屬性
formnovalidate:重寫(xiě)表單的novalidate屬性
formtarget：重寫(xiě)表單的target屬性。
比如:
[html]?view plain?copy
form?action="test.html"?method="get"?autocomplete="on"
姓名:?input?type="text"?name="name"?/br?/
密碼:?input?type="password"?name="pwd"?/br?/
input?type="submit"?formnovalidate="true"?value="提交未經(jīng)驗(yàn)證"/
/form
multiple:規(guī)定輸入字段可選擇多個(gè)值 ? ? ? ? ? ? ? ? ? ?//input,select
list：list屬性的值為datalist元素的id，datalist元素類(lèi)似于選擇框，在文本框獲得焦點(diǎn)的時(shí)候以提示輸入的方式顯示。如下：
[html]?view plain?copy
姓名：input?type="text"?name="name"?list="name"/
datalist?id="name"?
option?value="zhangsan"張三/option
option?value="lisi"李四/option
option?value-"wanger"王二/option
/datalist
pattern:驗(yàn)證input輸入域的格式，即正則表達(dá)式。
input type="text" name="name" pattern="[A-z0-9]{8}"/
為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用，HTML5添加了很多新元素及功能，比如: 圖形的繪制，多媒體內(nèi)容，更好的頁(yè)面結(jié)構(gòu)，更好的形式 處理，和幾個(gè)api拖放元素，定位，包括網(wǎng)頁(yè) 應(yīng)用程序緩存，存儲(chǔ)，網(wǎng)絡(luò)工作者，等。
canvas 標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API
新多媒體元素：
audio 定義音頻內(nèi)容
video 定義視頻（video 或者 movie）
source 定義多媒體資源 video 和 audio
embed 定義嵌入的內(nèi)容，比如插件。
track 為諸如 video 和 audio 元素之類(lèi)的媒介規(guī)定外部文本軌道。
新表單元素：
datalist 定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來(lái)定義 input 可能的值。
keygen 規(guī)定用于表單的密鑰對(duì)生成器字段。
output 定義不同類(lèi)型的輸出，比如腳本的輸出。
新的語(yǔ)義和結(jié)構(gòu)元素：
article 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域。
aside 定義頁(yè)面的側(cè)邊欄內(nèi)容。
bdi 允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。
command 定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕
details 用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)
dialog 定義對(duì)話框，比如提示框
summary 標(biāo)簽包含 details 元素的標(biāo)題
figure 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。
figcaption 定義 figure 元素的標(biāo)題
footer 定義 section 或 document 的頁(yè)腳。
header 定義了文檔的頭部區(qū)域
mark 定義帶有記號(hào)的文本。
meter 定義度量衡。僅用于已知最大和最小值的度量。
nav 定義運(yùn)行中的進(jìn)度（進(jìn)程）。
progress 定義任何類(lèi)型的任務(wù)的進(jìn)度。
ruby 定義 ruby 注釋?zhuān)ㄖ形淖⒁艋蜃址?/p>
rt 定義字符（中文注音或字符）的解釋或發(fā)音。
rp 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
section 定義文檔中的節(jié)（section、區(qū)段）。
time 定義日期或時(shí)間。
wbr 規(guī)定在文本中的何處適合添加換行符。
html5新增標(biāo)簽大致如下：
canvas 新元素
canvas ? ?標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API?
新多媒體元素
audio ? ?定義音頻內(nèi)容 ?
video ? ?定義視頻（video 或者 movie） ?
source ? ?定義多媒體資源 video 和 audio ?
embed ? ?定義嵌入的內(nèi)容，比如插件。 ?
track ? ?為諸如 video 和 audio 元素之類(lèi)的媒介規(guī)定外部文本軌道。?
新表單元素
datalist ? ?定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來(lái)定義 input 可能的值。 ?
keygen ? ?規(guī)定用于表單的密鑰對(duì)生成器字段。 ?
output ? ?定義不同類(lèi)型的輸出，比如腳本的輸出。?
新的語(yǔ)義和結(jié)構(gòu)元素
HTML5提供了新的元素來(lái)創(chuàng)建更好的頁(yè)面結(jié)構(gòu)：
article ? ?定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域。 ?
aside ? ?定義頁(yè)面的側(cè)邊欄內(nèi)容。 ?
bdi ? ?允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。 ?
command ? ?定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕 ?
details ? ?用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) ?
dialog ? ?定義對(duì)話框，比如提示框 ?
summary ? ?標(biāo)簽包含 details 元素的標(biāo)題 ?
figure ? ?規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。 ?
figcaption ? ?定義 figure 元素的標(biāo)題 ?
footer ? ?定義 section 或 document 的頁(yè)腳。 ?
header ? ?定義了文檔的頭部區(qū)域 ?
mark ? ?定義帶有記號(hào)的文本。 ?
meter ? ?定義度量衡。僅用于已知最大和最小值的度量。 ?
nav ? ?定義導(dǎo)航鏈接的部分。 ?
progress ? ?定義任何類(lèi)型的任務(wù)的進(jìn)度。 ?
ruby ? ?定義 ruby 注釋?zhuān)ㄖ形淖⒁艋蜃址??
rt ? ?定義字符（中文注音或字符）的解釋或發(fā)音。 ?
rp ? ?在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 ?
section ? ?定義文檔中的節(jié)（section、區(qū)段）。 ?
time ? ?定義日期或時(shí)間。 ?
wbr ? ?規(guī)定在文本中的何處適合添加換行符。 ?
初學(xué)者建議多訪問(wèn)下菜鳥(niǎo)教程：網(wǎng)頁(yè)鏈接，都是比較全面的基礎(chǔ)知識(shí)，可以看做編程詞典，即使老司機(jī)也經(jīng)常去查一些資料。
新增的結(jié)構(gòu)標(biāo)簽：
1、header元素
表示頁(yè)面中一個(gè)區(qū)塊或真?zhèn)€頁(yè)面的標(biāo)題。
2、內(nèi)hgroup元素
表示對(duì)真?zhèn)€頁(yè)面或頁(yè)面中的容一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合。
3、article元素
表示頁(yè)面中一塊與上下文不相關(guān)的獨(dú)立內(nèi)容。比如一篇文章。
4、aside元素
表示article元素內(nèi)容之外的、與article元素內(nèi)容相關(guān)的輔助信息。
5、footer元素
表示整個(gè)頁(yè)面或頁(yè)面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來(lái)說(shuō)，他會(huì)包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息。
HTML5新規(guī)則：
新特性應(yīng)該基于 HTML、CSS、DOM 以及 JavaScript。 減少對(duì)外部插件的需求（比如 Flash），更優(yōu)秀的錯(cuò)誤處理，更多取代腳本的標(biāo)記，HTML5 應(yīng)該獨(dú)立于設(shè)備開(kāi)發(fā)進(jìn)程應(yīng)對(duì)公眾透明 ;
HTML5 新特性：
新的特殊內(nèi)容元素，比如 article、footer等，新的表單控件，比如 calendar、date、time、email、url、search；用于媒介回放的 video 和 audio 元素；用于繪畫(huà)的 canvas 元素
對(duì)本地離線存儲(chǔ)的更好的支持。
html5新增標(biāo)簽如下：
1、結(jié)構(gòu)性標(biāo)記結(jié)構(gòu)性標(biāo)記主要用來(lái)對(duì)頁(yè)面結(jié)構(gòu)進(jìn)行劃分，就像在設(shè)計(jì)網(wǎng)頁(yè)時(shí)將頁(yè)面分為導(dǎo)航、內(nèi)容部分、頁(yè)腳等，確保HTML文檔的完整性。
2、多媒體標(biāo)記多媒體標(biāo)記主要解決了以往通過(guò)Flash等進(jìn)行視頻的一些展示，新增的標(biāo)記使HTML功能變得更加強(qiáng)大了。
3、表單標(biāo)記表單標(biāo)記主要用于功能性的內(nèi)容表達(dá)，會(huì)有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)。
html5的意義及應(yīng)用。
在HTML頁(yè)面中，帶有“ ”符號(hào)的元素被稱(chēng)為HTML標(biāo)簽，如上面提到的 HTML、head、body都是HTML標(biāo)簽。所謂標(biāo)簽就是放在“ ” 標(biāo)簽符中表示某個(gè)功能的編碼命令，稱(chēng)為HTML標(biāo)簽。
該語(yǔ)法中“標(biāo)簽名”表示該標(biāo)簽的作用開(kāi)始，一般稱(chēng)為“開(kāi)始標(biāo)簽（start tag）”，“/標(biāo)簽名” 表示該標(biāo)簽的作用結(jié)束，一般稱(chēng)為“結(jié)束標(biāo)簽（end tag）”。和開(kāi)始標(biāo)簽相比，結(jié)束標(biāo)簽只是在前面加了一個(gè)關(guān)閉符“/”。
重慶分公司
重慶分公司
