1使用form表单事件最简单的账号密码登录的数据提交，代码如下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当页面完成输入后，需要将所填数据传给。

在 HTML 部分，我们使用 `ltform` 元素创建一个登录表单，并为用户名和密码输入框添加相应的标签和 ID通过在提交按钮和重置按钮上添加 `onclick` 属性，我们将按钮点击事件与 JavaScript 函数关联起来你可以将上述代码复制到 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 标签用于为用户输入创建 HTML 表单表单能够包含 input 元素，比如文本字段复选框单选框提交按钮等等表单还可以包含 menustextareafieldsetlegend 和 label 元素表单用于向服务器传输数据提示和注释注释form 元素是块级元素，其前后会产生折行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是网页设计中常见的一种操作交互方式它能够通过各种输入框复选框单选按钮下拉菜单等元素，让用户在网页上填写信息进行选择等操作而表单HTML是一种标记语言，它规定了网页中表单各个元素的样式位置效果等，可以帮助设计师更好地实现网页交互效果表单HTML的优点在于，它可以让用户与。

800px table bordercollapsecollapse th，td width100pxheight40pxborder1pxsolidblackfontsize12pxtextaligncenter ltstyle 5注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改6预览结果如下图所示，一个制作简单的HTML模板。