1、接下來(lái)開(kāi)始介紹html5新增的表單元素，所有例子均用谷歌瀏覽器展示新增表單元素 email提交表單的時(shí)候驗(yàn)證輸入值是否滿足email的格式 ltinput type=quotemailquot name=quotemailquot url提交表單的時(shí)候驗(yàn)證輸入值是否滿足url的格式；2表單在點(diǎn)擊提交按鈕后需要用JS進(jìn)行處理包括輸入驗(yàn)證后再提交的話，通常都必須把submit改成button，即取消其自動(dòng)提交的行為，否則，將會(huì)造成提交兩次的效果，對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)來(lái)說(shuō)，也就是對(duì)數(shù)據(jù)庫(kù)操作兩次或者在使用submit；ltform action=#39indexphp#39 method=#39post#39 lt！ 提交方式 ltinput type=quottextquot name=quottextquot lt！ 提交內(nèi)容 ltinput type=quotsubmitquot name=quotsubmitquot lt！ 提交按鈕 ltform望采納~；1 HTML提交表單 HTML提交表單簡(jiǎn)單易操作，依靠在ltform標(biāo)簽對(duì)中的ltinput type=#39submit#39提交按鈕進(jìn)行請(qǐng)求發(fā)送和參數(shù)提交其中form標(biāo)簽的post屬性決定提交方式是get還是postservlet或者action根據(jù)name屬性獲取提交的參數(shù) 2。

2、html5中新增加了一些表單元素，下面列出這些元素及其作用email類型用于驗(yàn)證email的格式，當(dāng)提交表單時(shí)會(huì)自動(dòng)驗(yàn)證email域的值url類型用于驗(yàn)證URL地址的格式，當(dāng)提交表單時(shí)會(huì)自動(dòng)驗(yàn)證url域的值number類型會(huì)根據(jù)你的設(shè)置提供選擇數(shù)字的；能，只要在表格最外邊設(shè)置上form標(biāo)簽即可，表格里頭用 input標(biāo)簽，提交的時(shí)候，能直接用表單提交；第二，HTML5中新增了一些語(yǔ)義元素，相比HTML的div標(biāo)簽，這些新語(yǔ)義元素可以直接使用比如ltheader用來(lái)定義文檔的頁(yè)眉，也可用在網(wǎng)頁(yè)內(nèi)容上，可包含搜索表單，導(dǎo)航，頁(yè)面標(biāo)識(shí)等在HTML中，ltdiv class=”header”ltdiv。

3、表單制作有兩種實(shí)現(xiàn)形式技術(shù)型就是HTML5語(yǔ)言css等制作而成的炫酷頁(yè)面，統(tǒng)稱為H5就是落地頁(yè)了這種事企業(yè)自己制作的使用現(xiàn)有模板因?yàn)樵谝粋€(gè)非技術(shù)公司自己制作落地頁(yè)不實(shí)在，利用其它free工具是節(jié)約成本的有效辦法吧；用html5的localStorage方法就可以實(shí)現(xiàn)本地存儲(chǔ) lt！DOCTYPE html lthtml lang=quotenquot xmlns=quotlthead ltmeta charset=quotutf8quot lttitlelttitleltheadltbodyltdivname；HTML5自帶的兩種驗(yàn)證方式l通過(guò)required屬性校驗(yàn)輸入框填寫(xiě)內(nèi)容不能為空，如果為空將彈出提示框，并阻止表單提交通過(guò)pattern屬性規(guī)定用于驗(yàn)證input域的模式pattern，它接受一個(gè)正則表達(dá)式表單提交時(shí)這個(gè)正則表達(dá)式會(huì)被用于；樣式處理的是標(biāo)題文字的字體大小顏色，圖片尺寸，某個(gè)標(biāo)簽的背景等行為可以實(shí)現(xiàn)網(wǎng)頁(yè)中的時(shí)間，電商網(wǎng)站當(dāng)中的倒計(jì)時(shí)效果，在注冊(cè)表單時(shí)用戶名是否重復(fù)的檢測(cè)，網(wǎng)站當(dāng)中頂部圖片的切換特效等等想了解更多，可查看文章HTML。

4、formenctype 表單提交到服務(wù)器的數(shù)據(jù)編碼 只對(duì)form表單中 method=quotpostquot 表單formmethod 表單提交方式，會(huì)覆蓋 的method 屬性formnovalidate 表單提交無(wú)需被驗(yàn)證，會(huì)覆蓋 元素的novalidate屬性formtarget 表單提交數(shù)據(jù)接收；擴(kuò)展名html 或htm 或shtml 依自己需要而定動(dòng)作全部動(dòng)作如果你傳遞的是html類型文件，全部動(dòng)作沒(méi)關(guān)系，如果 需要傳遞密碼表單之類的，請(qǐng)選其他，如GET，HEAD，POST，TRACE選項(xiàng)頁(yè)啟用父路徑歡迎來(lái)聽(tīng)html5；number只能輸入數(shù)字range類似音量滑動(dòng)條Date pickers date， month， week， time， datetime， datetimelocal自帶日期選擇search搜索域color顏色選擇datalist自動(dòng)驗(yàn)證內(nèi)容是否在可選擇選項(xiàng)中html5是指。

5、用ajax提交form表單，然后ajax會(huì)有一個(gè) successfunctionresult consoledirresult 其中這個(gè)result是由服務(wù)器端接受表單數(shù)據(jù)處理并做出回應(yīng)的數(shù)據(jù)。

6、ltform元素定義HTML表單，收集用戶輸入屬性主要有 action 和 method action 定義在提交表單時(shí)執(zhí)行的動(dòng)作，向服務(wù)器提交表單的通常做法是使用提交按鈕type為 submit 的 ltinput 元素 如果省略該屬性，則action會(huì)被。