HTML <form>标签
示例一个具有两个文本输入框和一个提交按钮的HTML表单:
试一个 » （本页底部提供了更多示例） |
定义及用法
<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 | 脚本 | 在提交表单时执行脚本 |
更多关于事件属性的信息。