1使用form表單事件最簡(jiǎn)單的賬號(hào)密碼登錄的數(shù)據(jù)提交，代碼如下lt！DOCTYPE htmllthtmlltbodyltform action=quotloginphpquot用戶(hù)名ltbrltinput type=quottextquot name=quotfirstnamequot value=quot請(qǐng)輸入賬號(hào)quotltbr密碼ltbrltinput type=quottextquot name=quotlastnamequot value=quot請(qǐng)輸入密碼quotltbrltbrltinput type=。

1新建一個(gè)HTML文件，命名為myExamhtml 2演示的標(biāo)簽有輸入文本，對(duì)應(yīng)的標(biāo)簽是type=text，代碼實(shí)例，頁(yè)面效果如下 3下一個(gè)常用的標(biāo)簽，單選功能，radio，對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下 4多選標(biāo)簽，checkbox，提供多選的功能，對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下 5當(dāng)頁(yè)面完成輸入后，需要將所填數(shù)據(jù)傳給。

在 HTML 部分，我們使用 `ltform` 元素創(chuàng)建一個(gè)登錄表單，并為用戶(hù)名和密碼輸入框添加相應(yīng)的標(biāo)簽和 ID通過(guò)在提交按鈕和重置按鈕上添加 `onclick` 屬性，我們將按鈕點(diǎn)擊事件與 JavaScript 函數(shù)關(guān)聯(lián)起來(lái)你可以將上述代碼復(fù)制到 HBuilder 中的 HTML 文件中，然后在瀏覽器中運(yùn)行該文件，即可看到登錄。

return false ltscriptlt！上面的代碼加載head里面ltform action=quotquot method=quotgetquot onSubmit=quotreturn chekquot name=quotmyFormquot用戶(hù)名ltinput type=quottextquot name=quotusernamequot密碼ltinput type=quotpasswordquot name=quotpassquot確認(rèn)密碼ltinput type=quot。

HTML表單Form是HTML的一個(gè)重要部分，主要用于采集和提交用戶(hù)輸入的信息舉個(gè)簡(jiǎn)單的例子，一個(gè)讓用戶(hù)輸入姓名的HTML表單Form示例代碼如下ltform action=quothtml_tutorialsyournameaspquot method=quotgetquot 請(qǐng)輸入你的姓名ltinput typ。

lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquotlthtmlltheadlttitlelttitleltheadltbody用戶(hù)ltinput id=quotunamequot type=quottextquot ltbr 密碼ltinput id=quotpwdquot type=quotpasswordquot ltbr確認(rèn)密碼ltinput id=quotpwd。

ltscript function chek if！= alert#39密碼不一致#39 return false if18 alert#39你太小了#39 return false if3。

參考代碼lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltstyle text border borderbottom solid 1px black width 200px height 30px fontsize 18px textfocus border。

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。

ltform標(biāo)簽 定義和用法ltform 標(biāo)簽用于為用戶(hù)輸入創(chuàng)建 HTML 表單表單能夠包含 input 元素，比如文本字段復(fù)選框單選框提交按鈕等等表單還可以包含 menustextareafieldsetlegend 和 label 元素表單用于向服務(wù)器傳輸數(shù)據(jù)提示和注釋注釋form 元素是塊級(jí)元素，其前后會(huì)產(chǎn)生折行HTML 4。

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

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta。

1進(jìn)入Dreamweaver cs5或6，點(diǎn)擊上邊的“插入”，或者右邊的”插入框“插入框可以在上方的查看中找到并打開(kāi)，默認(rèn)是在右邊，可以拖動(dòng)如圖2選擇表單之后，看見(jiàn)了許許多多的表單插件，這里有所有需要的不需要的插件，3點(diǎn)擊所需要的插件，就會(huì)彈出選項(xiàng)框，在這里可以更詳細(xì)的設(shè)置插件屬性4。

表單HTML是網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的一種操作交互方式它能夠通過(guò)各種輸入框復(fù)選框單選按鈕下拉菜單等元素，讓用戶(hù)在網(wǎng)頁(yè)上填寫(xiě)信息進(jìn)行選擇等操作而表單HTML是一種標(biāo)記語(yǔ)言，它規(guī)定了網(wǎng)頁(yè)中表單各個(gè)元素的樣式位置效果等，可以幫助設(shè)計(jì)師更好地實(shí)現(xiàn)網(wǎng)頁(yè)交互效果表單HTML的優(yōu)點(diǎn)在于，它可以讓用戶(hù)與。

800px table bordercollapsecollapse th，td width100pxheight40pxborder1pxsolidblackfontsize12pxtextaligncenter ltstyle 5注意，此代碼“table的意思是表”的含義是將表邊框合并為單個(gè)邊框以合并相鄰的更改6預(yù)覽結(jié)果如下圖所示，一個(gè)制作簡(jiǎn)單的HTML模板。