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

2、常用的表單控件 1label控件 顧名思義，label控件用來為每個表單元素添加有意義的描述，并且，單擊它將導(dǎo)致相關(guān)聯(lián)的表單元素獲得焦點(diǎn)因此，label控件可以優(yōu)雅地?cái)U(kuò)大表單元素的點(diǎn)擊區(qū)域，能夠改善表單的易用性和可訪問性2；1打開Dreamweaver軟件，鼠標(biāo)左鍵選擇新建HTML，在代碼窗口上，修改網(wǎng)頁title標(biāo)簽，比如表單中添加按鈕，如下圖所示2接著，在設(shè)計(jì)窗口中，鼠標(biāo)左鍵單擊菜單插入下的表單，如下圖所示3在設(shè)計(jì)窗；如果您在 label 元素內(nèi)點(diǎn)擊文本，就會觸發(fā)此控件就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上例如，當(dāng)將單選按鈕放在label內(nèi)則點(diǎn)擊label內(nèi)的文字也會觸發(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í)，瀏覽器自動收集參數(shù)，并打包一個；表單控件為 ltinput，input 可以通過type類型屬性來指定不同的控件類型好像是命名屬性的意思，方便其他html語句調(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肯定是有用的，表單里的基本都是用這個來控制的不要用margin和padding，會出問題使用lineheight之前，對select設(shè)置一個高度。

4、轉(zhuǎn)自 HTML 表單之label標(biāo)簽介紹 label標(biāo)簽介紹 label標(biāo)簽為input元素定義標(biāo)注標(biāo)記，它不會向用戶呈現(xiàn)任何特殊效果，和span標(biāo)簽類似但label標(biāo)簽和span標(biāo)簽最大的區(qū)別就是它為鼠標(biāo)用戶改進(jìn)了可用性，可以關(guān)聯(lián)特定的表單控件；輔助信息文字通過是否為流程的必要內(nèi)容來區(qū)別對應(yīng)使用不同的字號，重要內(nèi)容或需要突出對待的內(nèi)容可以相應(yīng)的搭配組合圖標(biāo)表單常用控件 常用設(shè)計(jì)原則1如果5個以上下內(nèi)容，全部放出來，而不是折疊在單選方案中，有25個選項(xiàng)可用；1動態(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é)尾，有個確認(rèn)提交的動作控件，是專門為觸控而設(shè)計(jì)，不僅可點(diǎn)擊，更需要容易點(diǎn)擊，還需要根據(jù)表單的不同條件反饋不同的按鈕狀態(tài)，清晰可預(yù)測，應(yīng)該準(zhǔn)確地描述用戶點(diǎn)擊按鈕后會發(fā)生什么，比如提交復(fù)位下一步等按鈕是。