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演示的標簽有輸入文本，對應的標簽是type=text，代碼實例，頁面效果如下 3下一個常用的標簽，單選功能，radio，對應的代碼實例和頁面效果如下 4多選標簽，checkbox，提供多選的功能，對應的代碼實例和頁面效果如下 5當頁面完成輸入后，需要將所填數(shù)據(jù)傳給。

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

return false ltscriptlt！上面的代碼加載head里面ltform action=quotquot method=quotgetquot onSubmit=quotreturn chekquot name=quotmyFormquot用戶名ltinput type=quottextquot name=quotusernamequot密碼ltinput type=quotpasswordquot name=quotpassquot確認密碼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確認密碼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標簽 定義和用法ltform 標簽用于為用戶輸入創(chuàng)建 HTML 表單表單能夠包含 input 元素，比如文本字段復選框單選框提交按鈕等等表單還可以包含 menustextareafieldsetlegend 和 label 元素表單用于向服務器傳輸數(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進入Dreamweaver cs5或6，點擊上邊的“插入”，或者右邊的”插入框“插入框可以在上方的查看中找到并打開，默認是在右邊，可以拖動如圖2選擇表單之后，看見了許許多多的表單插件，這里有所有需要的不需要的插件，3點擊所需要的插件，就會彈出選項框，在這里可以更詳細的設置插件屬性4。

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

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