表单
用来搜集用户输入的数据
组成
1.表单控件(搜集信息)
2.提示信息
3.表单域
表单域中的属性
action:设置一个用来接收数据的后台程序地址
method:设置表单数据的提交方式
get(默认) | post
采用get方法提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制
采用post方法提交的数据保密性好,并且无数据量的限制
表单控件
输入框
<input type="text" name="">
属性:
maxlength:设置控件中最多能输入字符的个数
readonly:设置控件为只读模式(不能输入)
disabled: 设置控件为未激活(不能输入,显示为灰色)
name:设置控件的名称
id: 设置控件的唯一标识(如每个人的身份证号)
value:设置控件的默认值
placeholder:设置控件的提示信息(也称为占位符)
密码输入框
<input type="password" name="">
注意:密码输入框的属性和输入框的属性差不多
复选框
<input type="checkbox" name="">
属性
checked:设置复选框中的默认选中项
单选框
<input type="radio" name="">
注意
如果要实现单选效果,那么需要将控件设置相同的name属性值如果要实现默认选中项,可以设置checked属性
<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女
下拉列表
属性:
multiple:设置下拉菜单有多选的功能
selected:设置默认选中项
籍贯:
<select>
<optgroup label="湖南省">
<option>长沙市</option>
<option>邵阳市</option>
<option selected>隆回县</option>
<option>娄底市</option>
</optgroup>
<optgroup label="湖北省">
<option>武汉市</option>
<option>襄阳市</option>
<option>荆州市</option>
<option>孝感市</option>
</optgroup>
<optgroup label="河南省">