HTML <form>标签

示例

一个具有两个文本输入框和一个提交按钮的HTML表单:

<form action="form_action.php" method="get">
  名:<input type="text" name="firstName" /><br />
  姓:<input type="text" name="lastName" /><br />
  <input type="submit" value="提交" />
</form>

试一个 »
(本页底部提供了更多示例)

定义及用法

<form>标签用于创建一个HTML表单,收集来自用户的输入。

可以在表单里放置多种输入控件,比如文本输入框、多选框、单选按钮、提交按钮,还有菜单、多行文本框、控件组、文本标签(label)等等。

表单用于向服务器发送数据。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<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 脚本 在提交表单时执行脚本  

更多关于事件属性的信息。

粤ICP备11097351号-1