HTML 标签

HTML <form> 标签

主题:HTML5 标签参考上一页|下一页

说明

<form> 标签定义了一个 HTML 表单,其中包含使用户能够向 Web 服务器提交信息的交互式控件。 HTML 表单用于捕获用户信息,例如用户名、密码、地址详细信息、信用卡信息等。

可以使用许多不同的表单控件(例如 <input>, <textarea>, <select>, <option>, <button>. There are also labeling and grouping controls, which include the <optgroup>, <fieldset>, <legend>, 和 <label> 元素)在表单中捕获信息。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: 块、内联和文本,但不包含 <form> 元素
开始/结束标签: 开始标签: required, 结束标签:required
版本: HTML 2, 3.2, 4, 4.01, 5

语法

<form> 标签的基本语法如下:

HTML / XHTML: <form action="URL" method="get|post"> ... </form>

下面的示例显示了 <form> 标签的作用。

<form action="action.asp" method="post">
    <p>
        First name: <input type="text" name="first-name">
        <button type="submit" value="Submit">Submit</button>
        <button type="reset" value="Reset">Reset</button>
    </p>
</form>

标签特定属性

下表显示了特定于 <form> 标签的属性。

属性 说明
accept content-type-list Obsolete 服务器接受的内容类型的逗号分隔列表。
accept-charset charset-list 指定处理此表单的服务器接受的输入数据的字符编码列表。
action URL 指定处理通过表单提交的信息的程序的 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
_parent
_self
_top

framename
指定一个目标来显示提交表单后收到的响应

注意: enctype 属性的默认值为 application/x-www-form-urlencodedmultipart/form-data 值应与 INPUT 元素结合使用(当 type="file" 时)。


全局属性

与所有其他 HTML 标签一样, <form> 标签支持 HTML5 中的全局属性


事件属性

<form> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <form> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML 表单.

其他与表单相关的标签: <fieldset>, <legend>, <label>, <input>, <textarea>, <select>, <optgroup>, <option>, <button>.

Advertisements