【HTML教程】HTML的form标签|html入门知识
【HTML教程】HTML的form标签|html入门知识
攻城狮与产品喵
发布于 2025-11-19 16:59:37
发布于 2025-11-19 16:59:37
【定义和用法】
form 标签用于为接收用户输入创建 HTML 表单。
form 元素可以包含以下一个或多个表单元素：
input、textarea、button、select、option、optgroup、fieldset、label、output
【实例】
例子 1
拥有两个输入字段和一个提交按钮的 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>例子 2
带有复选框的 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>例子 3
带有单选按钮的 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的form标签|html入门知识
【默认的 CSS 设置】
大多数浏览器将使用以下默认值显示 form 元素：
form {
display: block;
margin-top: 0em;}本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2025-10-23，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
