HTML <form> 标签

实例

带有两个输入字段和一个提交按钮的HTML表单:

<form action="/action_page">
  姓:<br>
  <input type="text" name="lastname" value="zhang"><br>
  名:<br>
  <input type="text" name="firstname" value="san"><br><br>
  <input type="submit" value="提交">
</form>
运行 »

定义和用法

<form>标签用于为用户输入创建HTML表单.

<form>元素可以包含以下一个或多个表单元素:


浏览器支持

Element
<form> Yes Yes Yes Yes Yes

HTML 4.01和HTML5之间的差异

HTML5添加了两个新属性:autocomplete和novalidate,并删除了accept属性.



HTML和XHTML之间的差异

在XHTML中,不推荐使用name属性.请改用全局id属性.


属性

= HTML5中的新功能.

属性 描述
accept file_type HTML5不支持.
指定服务器接受的以逗号分隔的文件类型列表(可以通过文件上载提交)
accept-charset character_set 指定用于表单提交的字符编码
action URL 指定提交表单时发送表单数据的位置
autocomplete on
off
指定表单是否应启用或禁用自动完成功能
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
指定在将表单数据提交到服务器时应如何编码表单数据 (仅适用于 method="post")
method get
post
指定发送表单数据时使用的HTTP方法
name text 指定表单的名称
novalidate novalidate 指定提交时不应验证表单
target _blank
_self
_parent
_top
指定在提交表单后显示收到的响应的位置

全局属性

<form> 标记还支持HTML中的 全局属性 .


事件属性

<form> 标记还支持HTML中的 事件属性 .


相关页面

HTML教程: HTML表单和输入

HTML DOM参考: form对象

CSS教程: 样式表单


默认CSS设置

大多数浏览器将使用以下默认值显示 <form> 元素:

实例

form {
    display: block;
    margin-top: 0em;
}