HTML <form> 标签
例子
具有两个输入字段和一个提交按钮的 HTML 表单：
<form action="/action_page.html" method="get">
<label for="fname">名：</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">姓：</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="提交">
</form>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <form> 标签用于创建供用户输入的 HTML 表单。
这 <form> 元素可以包含下列一个或多个表单元素：
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <form> | 是的 | 是的 | 是的 | 是的 | 是的 |
属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 接受字符集 | 字符集 | 规定用于表单提交的字符编码 |
| 行动 | 网址 | 规定提交表单时将表单数据发送到哪里 |
| 自动完成 | 在 离开 |
规定表单是否应打开或关闭自动完成功能 |
| 编码类型 | 应用程序/x-www-form-urlencoded 多部分/表单数据 文本/纯文本 |
指定将表单数据提交到服务器时应如何编码（仅适用于 method="post"） |
| 方法 | 得到 邮政 |
规定发送表单数据时使用的 HTTP 方法 |
| 姓名 | 文本 | 规定表单的名称 |
| 不验证 | 不验证 | 规定提交时不应验证表单 |
| 相关 | 外部的 帮助 执照 下一个 nofollow 无开启者 无引用 开场白 上一页 搜索 |
指定链接资源和当前文档之间的关系 |
| 目标 | _空白的 _自己 _parent _顶部 |
指定在何处显示提交表单后收到的响应 |
全局属性
这 <form> 标签还支持HTML 中的全局属性.
事件属性
这 <form> 标签还支持HTML 中的事件属性.
更多示例
例子
带有复选框的 HTML 表单：
<form action="/action_page.html" method="get">
<input type="checkbox" name="vehicle1" value="Bike">
<label for="vehicle1">我有一辆自行车</label><br>
<input type="checkbox" name="vehicle2" value="Car">
<label for="vehicle2">我有一辆车</label><br>
<input type="checkbox" name="vehicle3" value="Boat" checked>
<label for="vehicle3">我有一艘船</label><br><br>
<input type="submit" value="提交">
</form>
亲自尝试 »
例子
带有单选按钮的 HTML 表单：
<form action="/action_page.html" method="get">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="提交">
</form>
亲自尝试 »
相关页面
HTML 教程： HTML 表单和输入
HTML DOM 参考： 表单对象
CSS 教程： 样式表单
默认 CSS 设置
大多数浏览器会显示 <form> 元素具有以下默认值：
