1、HTML5新增的表單控件提供了更好的輸入控制和驗(yàn)證，主要內(nèi)容如下 emailurlnumberrangeDate pickers date， month， week， time， datetime， datetimelocalsearchcolortel等類(lèi)型的輸入控件 更豐富的input；Label控件根據(jù)HTML中表單標(biāo)簽的使用信息得知，可以使用Label控件來(lái)標(biāo)注html表單字段Label控件用于顯示用戶(hù)不能編輯的文本或圖像；通過(guò)HTML表單的各種控件，用戶(hù)可以輸入文字信息，或者從選項(xiàng)中選擇，以及做提交的操作比如上面的例句里，input type= quottextquot就是一個(gè)表單控件，表示一個(gè)單行輸入框用戶(hù)填入表單的信息總是需要程序來(lái)進(jìn)行處理，表單里的actio；表單標(biāo)志的主要元素屬性如下ltformltform創(chuàng)建表單ltselect multiple name=“name”size=“”ltselect創(chuàng)建滾動(dòng)菜單，size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目ltoption 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容ltselect name=”name。

2、常用的表單控件 1label控件 顧名思義，label控件用來(lái)為每個(gè)表單元素添加有意義的描述，并且，單擊它將導(dǎo)致相關(guān)聯(lián)的表單元素獲得焦點(diǎn)因此，label控件可以?xún)?yōu)雅地?cái)U(kuò)大表單元素的點(diǎn)擊區(qū)域，能夠改善表單的易用性和可訪(fǎng)問(wèn)性2；1打開(kāi)Dreamweaver軟件，鼠標(biāo)左鍵選擇新建HTML，在代碼窗口上，修改網(wǎng)頁(yè)title標(biāo)簽，比如表單中添加按鈕，如下圖所示2接著，在設(shè)計(jì)窗口中，鼠標(biāo)左鍵單擊菜單插入下的表單，如下圖所示3在設(shè)計(jì)窗；如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件就是說(shuō)，當(dāng)用戶(hù)選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上例如，當(dāng)將單選按鈕放在label內(nèi)則點(diǎn)擊label內(nèi)的文字也會(huì)觸發(fā)單選按鈕，而不必只是點(diǎn)中小。

3、表樣設(shè)計(jì) 如下圖所示，設(shè)計(jì)表樣#160#160到此為止，表單就已經(jīng)制作好了保存表單并預(yù)覽 保存表單，表單模板后綴名為frm，點(diǎn)擊預(yù)覽按鈕進(jìn)行預(yù)覽，即可看到效果；如果有form標(biāo)簽，在點(diǎn)擊提交銨鈕時(shí)，瀏覽器自動(dòng)收集參數(shù)，并打包一個(gè)；表單控件為 ltinput，input 可以通過(guò)type類(lèi)型屬性來(lái)指定不同的控件類(lèi)型好像是命名屬性的意思，方便其他html語(yǔ)句調(diào)用ltinput type=quotradioquot name=quotsexquot value=quot男quot id=quotmanquotltlabel for=quotmanquot 男l(wèi)tlabel 表單；HTML 表單 Form常用控件有表單控件ltform input type=“text”單行文本輸入框 input type=quotpassword密碼輸入框 輸入的文字用 表示 input type=“submit”提交按鈕 input type=“reset”重置按鈕 input type；lineheight肯定是有用的，表單里的基本都是用這個(gè)來(lái)控制的不要用margin和padding，會(huì)出問(wèn)題使用lineheight之前，對(duì)select設(shè)置一個(gè)高度。

4、轉(zhuǎn)自 HTML 表單之label標(biāo)簽介紹 label標(biāo)簽介紹 label標(biāo)簽為input元素定義標(biāo)注標(biāo)記，它不會(huì)向用戶(hù)呈現(xiàn)任何特殊效果，和span標(biāo)簽類(lèi)似但label標(biāo)簽和span標(biāo)簽最大的區(qū)別就是它為鼠標(biāo)用戶(hù)改進(jìn)了可用性，可以關(guān)聯(lián)特定的表單控件；輔助信息文字通過(guò)是否為流程的必要內(nèi)容來(lái)區(qū)別對(duì)應(yīng)使用不同的字號(hào)，重要內(nèi)容或需要突出對(duì)待的內(nèi)容可以相應(yīng)的搭配組合圖標(biāo)表單常用控件 常用設(shè)計(jì)原則1如果5個(gè)以上下內(nèi)容，全部放出來(lái)，而不是折疊在單選方案中，有25個(gè)選項(xiàng)可用；1動(dòng)態(tài)創(chuàng)建input節(jié)點(diǎn) 2往form中添加Input節(jié)點(diǎn) 示例ltbody ltform id=#39form#39 定義form ltform ltscript var input = documentcreateElement#39input#39 創(chuàng)建input節(jié)點(diǎn) inputsetAttribute#39type#39， #39text#39。

5、操作按鈕是在表單的結(jié)尾，有個(gè)確認(rèn)提交的動(dòng)作控件，是專(zhuān)門(mén)為觸控而設(shè)計(jì)，不僅可點(diǎn)擊，更需要容易點(diǎn)擊，還需要根據(jù)表單的不同條件反饋不同的按鈕狀態(tài)，清晰可預(yù)測(cè)，應(yīng)該準(zhǔn)確地描述用戶(hù)點(diǎn)擊按鈕后會(huì)發(fā)生什么，比如提交復(fù)位下一步等按鈕是。