常用的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>
【属性】
【默认的 CSS 设置】
大多数浏览器将使用以下默认值显示 form 元素:
form { display: block; margin-top: 0em;}