一、表单的作用:收集用户信息
<form action="数据提交的路径" name="" method="数据提交方式"></form>
二、表单控件:
<input type="text"> 文本框
<input type="password"> 密码框
<input type="submit"> 提交按钮
<input type="reset"> 重置按钮
<input type="button"> 空按钮
三、补充表单控件:
1:单选按钮:
<input type="radio">
注:在单选按钮里面:每一组单选按钮 保持name属性值一致。
2: 多选按钮(复选框)
<input type="checkbox">
3: 下拉菜单(下拉列表)
<select>
<option></option>
<option></option>
<option></option>
...
</select>
4: 多行文本域
<textarea></textarea>
cols 和 rows 以字符为单位
注:阻止用户进行缩放 css属性 resize:none;
5: 上传文件框
<input type="file">
四、补充表单的html属性
1:默认选中
checked="checked"
2: 表单控件的禁用
disabled="disabled"
3: 下拉列表里面的默认选中
selected="selected"
五、表单里面的标签:
1: fieldset(表单字段集)
①作用:给表单做分组
②特点:
默认情况下自带边框
可以进行互相嵌套
l2:egend (字段集标题)
① 作用:是fieldset 一组里面的一个标题
②特点:一般情况下,放在fieldset第一个子元素位置。
③ <label for=""></label>
④说明:
label里面放的是提示信息
for属性:绑定对应控件的id名称