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

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

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

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

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

lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquotlthtmlltheadlttitlelttitleltheadltbody用戶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)簽用于為用戶輸入創(chuàng)建 HTML 表單表單能夠包含 input 元素，比如文本字段復(fù)選框單選框提交按鈕等等表單還可以包含 menustextareafieldsetlegend 和 label 元素表單用于向服務(wù)器傳輸數(shù)據(jù)提示和注釋注釋form 元素是塊級元素，其前后會產(chǎn)生折行HTML 4。

下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫比較簡單，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)擊上邊的“插入”，或者右邊的”插入框“插入框可以在上方的查看中找到并打開，默認(rèn)是在右邊，可以拖動如圖2選擇表單之后，看見了許許多多的表單插件，這里有所有需要的不需要的插件，3點(diǎn)擊所需要的插件，就會彈出選項框，在這里可以更詳細(xì)的設(shè)置插件屬性4。

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

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