表单是一个包含表单元素的区域,用于搜集不同类型的用户输入,
表单使用表单标签<form>定义。
语法:
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2. 隐藏标签
隐藏域隐藏标签:列表表单元素预先把一组可供选择的数据存储在列表中,以下拉菜单或列表的形式供用户在其中选择,其中name是选项的提示文字,value才是选项的值。
语法:
<input name=”自定义名字” type=”hidden” id=”自定义id” value=”自定义值”/>
打开京东登录页面,可以发现有很多hidden属性的标签:
3. 按钮
语法:
<input type=“button” value=“自定义显示内容”>(推荐使用)
或者:
<button type=“button”>自定义显示内容</button>(不推荐使用)
注意: form表单元素中的按钮,使用input(type=button),form之外的按钮可用button,否则会自动提交
(可以理解为在form中的button默认的type是submit)
即,在form表单中,如果是button标签,点击按钮时相当于执行了submit。
4. 提交
提交:向服务器传送信息
语法:
<form>
<input name="submit" type="submit" value="提交">
</form>
5. 重置
重置:重置表单中的所有数据
语法:
<form>
<input name=“reset” type=“reset” value=“重置">
</form>
6. 下拉列表
语法:
<h2>下拉列表</h2>
<select name=“fruit” size="1">
<option value=“apple”>苹果</option>
<option value=“pear” selected>梨子</option>
<option value=“banana”>香蕉</option>
<option value=“peach”>桃子</option>
</select>