HTML <form> 标签
示例
一个包含两个输入字段和一个提交按钮的 HTML 表单
<form action="/action_page.php" 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>
自己尝试 »
更多“自己尝试”示例如下。
定义和用法
The <form> 标签用于创建用于用户输入的 HTML 表单。
The <form> 元素可以包含以下一个或多个表单元素
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <form> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| accept-charset | character_set | 指定要用于表单提交的字符编码 |
| action | URL | 指定提交表单时将表单数据发送到何处 |
| autocomplete | on off |
指定表单是否应该打开或关闭自动完成 |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain |
指定将表单数据提交到服务器时应如何对其进行编码（仅适用于 method="post"） |
| method | dialog get post |
指定发送表单数据时要使用的 HTTP 方法 |
| name | text | 指定表单的名称 |
| novalidate | novalidate | 指定表单在提交时不应进行验证 |
| rel | external help license next nofollow noopener noreferrer opener prev search |
指定链接资源与当前文档之间的关系 |
| target | _blank _self _parent _top |
指定提交表单后接收到的响应在何处显示 |
全局属性
The <form> 标签还支持 HTML 中的全局属性.
事件属性
The <form> 标签还支持 HTML 中的事件属性.
更多示例
示例
一个带有复选框的 HTML 表单
<form action="/action_page.php" 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.php" 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> 元素
