W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <form> 标签


Example

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

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
尝试一下 »

定义及用法

<form> 标签用于创建供用户输入的 HTML 表单。

<form> 元素包含一个或多个如下的表单元素:


浏览器支持

元素
<form> Yes Yes Yes Yes Yes

HTML 4.01 与 HTML5之间的差异

HTML5 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 HTML 4.01 中的某些属性。


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
规定在何处打开 action URL

全局属性

<form> 标签支持 HTML全局属性


事件属性

<form> 标签支持 HTML 的事件属性


Examples

尝试一下 - 更多实例

带有复选框的表单
一个复选框和一个提交按钮的形式。

带有单选按钮的表单
有两个单选按钮和一个提交按钮的表单。


相关文章

HTML 教程:HTML 表单与输入框

HTML DOM 手册:Form 对象

CSS 教程:表单样式


默认CSS 设置

大多数浏览器都以以下默认值的形式显示 <form> 元素:

Example

form {
    display: block;
    margin-top: 0em;
}
尝试一下 »