1、首先，打開(kāi)IDEA軟件，并新建一個(gè)工程，建好后，右鍵創(chuàng)建一個(gè)html5文件，完成后便完成了最開(kāi)始的工作接著我們先熟悉一些較常用的表單標(biāo)簽表單ltform， 輸入域ltinput，文本域lttextarea，按鈕ltbutton，域的標(biāo)題ltlegen。

2、用html5的localStorage方法就可以實(shí)現(xiàn)本地存儲(chǔ) lt！DOCTYPE html lthtml lang=quotenquot xmlns=quotlthead ltmeta charset=quotutf8quot lttitlelttitleltheadltbodyltdivnamelti。

3、lt！DOCTYPE htmllthtmllthead ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltstyle type=quottextcssquot inputtype=#39radio#39， inputtype=#39checkbox#39， label cursor p。

4、1首先我們要設(shè)置表單的驗(yàn)證規(guī)則 2然后根據(jù)表單的驗(yàn)證規(guī)則定義要顯示驗(yàn)證消息，3最后通過(guò)JavaScript 和CSS相結(jié)合先將所有預(yù)定義的驗(yàn)證消息隱藏掉，然后再根據(jù)表單中的輸入是否符合驗(yàn)證規(guī)則來(lái)控制驗(yàn)證消息的顯隱狀態(tài)下面我。

5、首先先說(shuō)一個(gè)html5中表單新增的一個(gè)功能，在我們之前的html中，表單元素必須放在form元素所包含的里面，在html5中，可以把他們寫(xiě)在頁(yè)面上的任何一個(gè)地方，然后給該元素增加一個(gè)form屬性，form屬性的值為form表單的id，如下。

6、在HTML中，一個(gè)完整的表單通常由表單控件表單元素提示信息和表單域三部分構(gòu)成表單控件包含了具體的表單功能項(xiàng)，例如單行文本輸入框密碼輸入框單選框復(fù)選框提交按鈕重置按鈕等常用的表單控件 1label控件。

7、下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫(xiě)比較簡(jiǎn)單，div 太麻煩了lthtml xmlns=quot quot lthead ltmeta。

8、在HTML5中內(nèi)置了很多表單的驗(yàn)證規(guī)則，這些驗(yàn)證規(guī)則會(huì)根據(jù)用戶(hù)在input元素中輸入的內(nèi)容返回一個(gè)布爾值來(lái)告訴我們表單驗(yàn)證的狀態(tài)下面我們就來(lái)列舉一些我們比較常用的內(nèi)置驗(yàn)證規(guī)則吧ValueMising規(guī)則 示例ltinput type=quottextquot。

9、插入視頻相關(guān)的標(biāo)簽介紹ltvideo用于定義一個(gè)視頻ltsource用于設(shè)置視頻的資源lttrack可以設(shè)置在媒體播放器文本軌跡注使用時(shí)需要注意瀏覽器的兼容性，ltvideo標(biāo)簽在瀏覽器中的兼容性如下圖所示實(shí)例示范1如何用html5在。

10、ltform action=quotexamplehtml5demo_formaspquot method=quotgetquot id=quotuser_formquotFirst nameltinput type=quottextquot name=quotfnamequot ltinput type=quotsubmitquot ltformltp下面的輸入域在 form 元素之外，但仍然是表單。

11、可以寫(xiě)一個(gè)為表單內(nèi)元素賦值的方法，三個(gè)按鈕上面添加點(diǎn)擊事件，點(diǎn)擊時(shí)調(diào)用這個(gè)賦值方法，但是傳的參數(shù)不一樣，在方法中根據(jù)不同的參數(shù)，為表單賦不同模板的值不知上面是否寫(xiě)的清楚，我寫(xiě)了一個(gè)對(duì)應(yīng)的小demolthtmllt。

12、HTML5新增的表單控件提供了更好的輸入控制和驗(yàn)證，主要內(nèi)容如下 emailurlnumberrangeDate pickers date， month， week， time， datetime， datetimelocalsearchcolortel等類(lèi)型的輸入控件 更豐富的input。

13、網(wǎng)頁(yè)中表單與控件的應(yīng)用設(shè)計(jì)網(wǎng)頁(yè)中音頻與視頻的應(yīng)用設(shè)計(jì)網(wǎng)頁(yè)中圖形繪制與操作的應(yīng)用設(shè)計(jì)網(wǎng)頁(yè)中特效與交互的應(yīng)用設(shè)計(jì)網(wǎng)頁(yè)中元素與整體布局的應(yīng)用設(shè)計(jì)，將HTML5和CSS3的相關(guān)知識(shí)合理安排到各個(gè)教學(xué)單元中。

14、正確答案HTML5的表單驗(yàn)證功能l表單驗(yàn)證是一套系統(tǒng)，它為終端用戶(hù)檢測(cè)無(wú)效的數(shù)據(jù)并標(biāo)記這些錯(cuò)誤，讓W(xué)eb應(yīng)用更快的拋出錯(cuò)誤，大大的優(yōu)化了用戶(hù)體驗(yàn)HTML5自帶的兩種驗(yàn)證方式l通過(guò)required屬性校驗(yàn)輸入框填寫(xiě)內(nèi)容不能為空。

15、新增表單元素用于表單的密鑰對(duì)生成器字段 不同類(lèi)型的輸出，比如腳本的輸出新增表單屬性autocomplete 自動(dòng)完成 novalidate不驗(yàn)證數(shù)據(jù) formaction 用于描述表單提交的URL地址，會(huì)覆蓋 元素中的action屬性formenctype 表單提交到。

16、2設(shè)置Form元素的autocomplete為“on”或者“off”來(lái)開(kāi)啟或者關(guān)閉自動(dòng)完成功能 3設(shè)置input輸入框的autocomplete為“on”或者“off”來(lái)開(kāi)啟或者關(guān)閉該輸入框的自動(dòng)完成功能關(guān)閉密碼域的自動(dòng)完成代碼實(shí)例lt！ 打開(kāi)自動(dòng)完成。

17、HTML5+CSS3做一個(gè)后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點(diǎn)擊三條杠，可以收起或展開(kāi)側(cè)邊導(dǎo)航欄收起時(shí)，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語(yǔ)隱藏展開(kāi)時(shí)圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語(yǔ)顯示。

18、html5新增的表單元素有以下幾種datalist，keygen，output三種無(wú)素1datalist 元素 datalist 元素規(guī)定輸入域的選項(xiàng)列表列表是通過(guò) datalist 內(nèi)的 option 元素創(chuàng)建的如需把 datalist 綁定到輸入域，請(qǐng)用輸入域的 list。