HTML代码教程
【HTML教程】HTML的form标签|html入门知识
时间: 2025-02-01 10:56:32 浏览次数:13
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了: 【定义和用法】 form 标签

常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:


【定义和用法】

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;}


友情链接: 知识付费 | EDU指南导航 | 小程序开发 | 上网行为管理 | 小程序开发公司 | 企业财务服务 | 职校招生网 |
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图 | 系统开发专题地图