表單制作有兩種實(shí)現(xiàn)形式技術(shù)型就是HTML5語言css等制作而成的炫酷頁面，統(tǒng)稱為H5就是落地頁了這種事企業(yè)自己制作的使用現(xiàn)有模板因?yàn)樵谝粋€非技術(shù)公司自己制作落地頁不實(shí)在，利用其它free工具是節(jié)約成本的有效辦法吧秀贊maka等的就是制作表單和H5落地頁的，本身所具有的表單模板豐富而且精美；lt！DOCTYPE htmllthtmllthead ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltstyle type=quottextcssquot inputtype=#39radio#39， inputtype=#39checkbox#39， label cursor pointer ltstyleltheadltbody ltform action=quot地址quot methed=quotpost；1智能表單表單是實(shí)現(xiàn)用戶與頁面后臺交互主要組成部分，HTML5在表單的設(shè)計(jì)上功能更加強(qiáng)大input類型和屬性的多樣性大大地增強(qiáng)了HTML可表達(dá)的表單形式，再加上新增加的一些表單標(biāo)簽，使得原本需要JavaScript來實(shí)現(xiàn)的控件，可以直接使用HTML5的表單來實(shí)現(xiàn)一些如內(nèi)容提示焦點(diǎn)處理數(shù)據(jù)驗(yàn)證等功能，也可以；新增表單元素用于表單的密鑰對生成器字段 不同類型的輸出，比如腳本的輸出新增表單屬性autocomplete 自動完成 novalidate不驗(yàn)證數(shù)據(jù) formaction 用于描述表單提交的URL地址，會覆蓋 元素中的action屬性formenctype 表單提交到服務(wù)器的數(shù)據(jù)編碼 只對form表單中 method=quotpostquot 表單formmethod 表單提交；HTML5 擁有若干涉及表單的元素和屬性 datalist keygen output 瀏覽器支持 datalist 元素 datalist 元素規(guī)定輸入域的選項(xiàng)列表 列表是通過 datalist 內(nèi)的 option 元素創(chuàng)建的 如需把 datalist 綁定到輸入域，請用輸入域的 list 屬性引用 datalist 的 idkeygen 元素 keygen 元素的作用是提供一種；HTML5表單是用戶與網(wǎng)站進(jìn)行交互的基石，通過它們，用戶可以輸入信息并將其安全地傳遞到服務(wù)器表單由基本元素構(gòu)成，包括窗體框架，控件輸入框按鈕以及數(shù)據(jù)提交方式的選擇表單元素詳解 表單標(biāo)簽承載控件的HTML結(jié)構(gòu)，是表單的骨架 輸入控件核心元素包括 文本輸入 密碼輸入 單選。

2，multipartformdata，指定傳輸數(shù)據(jù)的特殊類型，主要就是上傳的非文本內(nèi)容，比如文件圖片3，textplain，純文本傳輸formmethod 重寫表單的method屬性 formnovalidate重寫表單的novalidate屬性 formtarget重寫表單的target屬性比如html view plain copyltform action=quottesthtmlquot method=quotget；表單結(jié)構(gòu)更靈活要提交數(shù)據(jù)的控件可以布局在form標(biāo)簽之外，看下面的代碼，表單元素可以寫到form元素之外，只需在元素中加入form=quotform1quot屬性，也可提交到form元素指定的服務(wù)器地址新增表單元素我們以前學(xué)過的表單元素包括“text”“button”“file”quotradioquot等，html5中新增加了一些表單元素，下面列出。

常用的表單控件 1label控件 顧名思義，label控件用來為每個表單元素添加有意義的描述，并且，單擊它將導(dǎo)致相關(guān)聯(lián)的表單元素獲得焦點(diǎn)因此，label控件可以優(yōu)雅地?cái)U(kuò)大表單元素的點(diǎn)擊區(qū)域，能夠改善表單的易用性和可訪問性2input控件 input控件是單行輸入型控件，用來接受用戶輸入的信息可以在form元素的；用html5的localStorage方法就可以實(shí)現(xiàn)本地存儲 lt！DOCTYPE html lthtml lang=quotenquot xmlns=quotlthead ltmeta charset=quotutf8quot lttitlelttitleltheadltbodyltdivnameltinput type=quottextquot ltdivltdivageltinput type=quottextquot ltdivltdiv；HTML5表單中的wrap屬性主要用在lttextarea多行文本框中來控制換行規(guī)則，具體屬性說明見圖；id=quotusernamequot pattern=quotazAZ 5，quotmaxlength=quot30quot required 設(shè)置表單的驗(yàn)證消息，并結(jié)合class屬性樣式將其隱藏起來 ltdiv 這里的datarule的屬性值是HTML5表單中內(nèi)置的驗(yàn)證規(guī)則中的一種 ltspan datarule=quotvalueMissingquotclass=quothidequot用戶名不能為空ltspan ltspan datarule=。

下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫比較簡單，div 太麻煩了lthtml xmlns=quot quot lthead ltmeta；在HTML5中，引入了一些新的表單屬性，以增強(qiáng)表單的交互性和數(shù)據(jù)處理能力其中，acceptMIME_type屬性在HTML5中并未得到支持，可能需要尋找其他方式來實(shí)現(xiàn)相應(yīng)的功能acceptcharset屬性用于定義服務(wù)器能夠處理的表單數(shù)據(jù)字符集，比如charset_list，這對于確保數(shù)據(jù)傳輸?shù)募嫒菪苑浅Ｖ匾猘ction屬性則規(guī)定了表單；本地日期時間ltinput type=”datetimelocal”屬性 描述 值 這是HTML里input元素的通用屬性就是輸入框里的數(shù)據(jù)min 日期或時間的最小值 max 日期或時間的最大值 step 步長不同的類型有不同的缺省步長Date – 缺省是1天 Week – 缺省是1周 Month – 缺省是1月 Time –；HTML5新增的表單控件提供了更好的輸入控制和驗(yàn)證，主要內(nèi)容如下 emailurlnumberrangeDate pickers date， month， week， time， datetime， datetimelocalsearchcolortel等類型的輸入控件 更豐富的input種類，如顏色選擇控件時間日期選擇控件電子郵件輸入控件等 可以在頁面上；可用于在表單中接受用戶的輸入，其元素中的ltoption標(biāo)簽主要用于定義列表中的可用選項(xiàng)例通過select實(shí)現(xiàn)下拉菜單案例 ltselect style=quotwidth100pxheight30pxquot ltoption打球ltoption ltoption運(yùn)動ltoption ltoption看電視ltoption ltselect效果圖如下select所具有的屬性select在HTML5中。