代码拉取完成,页面将自动刷新
具有两个输入字段和一个提交按钮的 HTML 表单:
<form action="/action_page.php" method="get">
<label for="fname">名:</label>
<input type="text" id="fname" name="fname"><br>
<label for="lname">姓:</label>
<input type="text" id="lname" name="lname"><br>
<input type="submit" value="提交">
</form>
<form>
标签用于为用户输入创建 HTML 表单。
<form>
元素可以包含以下一个或多个表单元素:
Element | |||||
---|---|---|---|---|---|
<form> | Yes | Yes | Yes | Yes | Yes |
属性 | 值 | 描述 |
---|---|---|
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 | 指定提交时不应验证表单 |
rel | external help license next nofollow noopener noreferrer opener prev search |
指定链接资源和当前文档之间的关系 |
target | _blank _self _parent _top |
指定在哪里显示提交表单后收到的响应 |
<form>
标签支持 HTML 中的全局属性。
<form>
标签支持 HTML 中的事件属性。
带有复选框的 HTML 表单:
<form action="/action_page.php" method="get">
<input type="checkbox" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" name="vehicle3" value="Boat" checked>
<label for="vehicle3"> I have a boat</label><br><br>
<input type="submit" value="Submit">
</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="Submit">
</form>
大多数浏览器将显示具有以下默认值的 <form>
元素:
form {
display: block;
margin-top: 0em;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。