HTML: <form> 标签

HTML <form>标记用于在具有用于用户输入的交互式控件的网页上创建表单，用来向 Web 服务器提交信息。此标记通常也称为 <form>元素。

在线示例

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

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 footer标签的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<h1>(cainiaojc.com)菜鸟教程</h1>
<form action="demo-form.php" method="post">
  公司: <input type="text" name="company"><br>
  地址: <input type="text" name="address"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

测试看看 ‹/›

在此HTML5文档示例中，我们使用了<form>标记创建HTML表单。该表单包含两个用于公司和地址的<input>控件以及一个提交按钮。

运行后效果如下：

图片.png

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <form> 标签。

标签使用注意事项

如果你在一个表单里把 autocomplete 设置成 off 是因为当前文档提供了它独有的自动补全，那么你也应该把此表单里每一个 input 元素的 autocomplete 设成 off 来允许文档接管自动补全。

标签定义及使用说明

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

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

HTML 4.01 与 HTML5之间的差异

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

HTML 与 XHTML 之间的差异

在 XHTML 中，name 属性已被废弃。使用全局 id 属性代替。

属性

New ：HTML5 中的新属性。

属性	值	描述
accept	MIME_type	HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
autocompleteHTML5	on off	规定是否启用表单的自动完成功能。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）
method	get post	规定用于发送表单数据的 HTTP 方法。
name	text	规定表单的名称。
novalidateHTML5	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank _self _parent _top	规定在何处打开 action URL。

全局属性

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

事件属性

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

尝试在线示例

单选按钮(Radio buttons)
本示例演示如何在 HTML 中创建单选按钮。

复选框(Checkboxes)
本示例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。

简单的下拉列表
本示例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

预选下拉列表
本示例演示如何创建一个简单的带有预选值的下拉列表。

文本域(Textarea)
本示例演示如何创建文本域（多行文本输入控件）。用户可在文本域中写入文本。可写入字符的字数不受限制。

创建按钮
本示例演示如何创建按钮。你可以对按钮上的文字进行自定义。

HTML 教程：HTML 表单和输入

HTML DOM 参考手册： Form 对象

HTML: <i> 标签 HTML: <footer> 标签

查看更多关于 HTML: <form> 标签的详细内容...