HTML <form>标签
示例
一个具有两个文本输入框和一个提交按钮的HTML表单:
<form action="form_action.asp" method="get">
名：<input type="text" name="fname" /><br />
姓：<input type="text" name="lname" /><br />
<input type="submit" value="提交" />
</form> |
试一试 »
（本页底部提供了更多示例） |
定义及用法
<form>标签用于创建一个HTML表单，收集来自用户的输入。
可以在表单里放置多种输入控件，比如文本输入框、多选框、单选按钮、提交按钮，还有菜单、多行文本框、控件组、文本标签（label）等等。
表单用于向服务器发送数据。
浏览器支持
    
所有主流浏览器均支持<form>标签。
HTML和XHTML之间的差异
无
提示和注意
注意：表单元素属于块级元素（block-level element），浏览器会在它前后各加一个换行。
必选属性
DTD栏表明哪种文档类型支持此属性。 S=Strict，T=Transitional，F=Frameset。
| 属性 |
值 |
描述 |
DTD |
| action |
URL |
指出表单数据将被发往哪里 |
STF |
可选属性
| 属性 |
值 |
描述 |
DTD |
| accept |
MIME类型 |
指出服务器接受上传的文件类型 |
STF |
| accept-charset |
字符编码 |
指出服务器接受的表单数据字符编码 |
STF |
| enctype |
application/x-www-form-urlencoded
multipart/form-data
text/plain |
指出表单数据被发送给服务器之前应如何编码 |
STF |
| method |
get
post |
指出采用哪种HTTP方法发送表单数据 |
STF |
| name |
名称 |
为表单定义名称 |
TF |
| target |
_blank
_parent
_self
_top
框架名称 |
被弃用的。指定在哪里打开action链接 |
TF |
核心属性
<form>标签支持以下核心属性：
| 属性 |
值 |
描述 |
DTD |
| class |
类名 |
指明元素的类名 |
STF |
| dir |
rtl
ltr |
指定元素里内容的文本方向 |
STF |
| id |
id |
指明元素的唯一id |
STF |
| lang |
语言代码 |
指定元素内容的语言代码 |
STF |
| style |
样式定义 |
指定元素的内嵌样式 |
STF |
| title |
文本 |
指定元素的提示文本 |
STF |
| xml:lang |
语言代码 |
在XHTML文档中指定元素内容的语言代码 |
STF |
更多关于核心属性的信息。
事件属性
<form>标签支持以下事件属性：
| 属性 |
值 |
描述 |
DTD |
| onclick |
脚本 |
在元素区域内单击鼠标（不区分左右键）时执行脚本 |
STF |
| ondblclick |
脚本 |
在元素区域内双击鼠标（不区分左右键）时执行脚本 |
STF |
| onmousedown |
脚本 |
在元素区域内按下鼠标键（不区分左右键）时执行脚本 |
STF |
| onmousemove |
脚本 |
当鼠标指针在元素区域内移动时执行脚本 |
STF |
| onmouseout |
脚本 |
当鼠标指针移出元素区域时执行脚本 |
STF |
| onmouseover |
脚本 |
当鼠标指针移入元素区域时执行脚本 |
STF |
| onmouseup |
脚本 |
在元素区域内松开鼠标键（不区分左右键）时执行脚本 |
STF |
| onkeydown |
脚本 |
按下一个键时执行脚本 |
STF |
| onkeypress |
脚本 |
按下并松开一个键时执行脚本 |
STF |
| onkeyup |
脚本 |
松开一个键时执行脚本 |
STF |
| onreset |
脚本 |
在重置表单时执行脚本 |
|
| onsubmit |
脚本 |
在提交表单时执行脚本 |
|
更多关于事件属性的信息。
 |
试一试——示例 |
带有复选框的表单
本例演示了如何创建一个包含两个复选框和一个提交按钮的表单。
带有单选按钮的表单
本例演示了如何创建一个包含两个单选按钮和一个提交按钮的表单。
从表单发出电子邮件
本例演示了如何创建一个能发出电子邮件的表单。
| 
