表单元素 (form)用来收集客户的资料
表单原素不同的标签 使用属性type做分类
action 提交的路径
method 提交方式 数据传输的方式
两个值 get/post
get 明文的 255字节 传输数据量比较小
post 加密的 并且能传输的数据量较大–>
属性(input)
单行文本框(密码框)的属性 name id value(可以用来展示内容) disabled(不可编辑) placeholder(提示语)
maxlength(输入的位数) autofocus(自动聚焦)
复选框(checkbox) 属性 checked(被选中)
单选框(radio)
属性(select)下拉菜单 optgroup(标题)
属性(textarea) 多行文本
- 单行文本框
<label>用户名</label>
<input type="text" id="" value="" placeholder="提示语"/>
<label>密码</label>
<input type="password" name="" value="" placeholder="提示语"/>
运行截图
- 复选框
<input type="checkbox" name="" id="" value="" checked />是否同意
运行截图
. 单选框
要在name上写上同一个名字
<input type="radio" name="sex" id="" value="" />男
<input type="radio" name="sex" id="" value="" />女
运行截图
- 下拉菜单
optgroup为大标题
selected是默认选择的城市
<select name="">
<optgroup label="广东省"> <!-- 标题-->
<option value="" >广州市</option>
<option value="" selected>深圳市</option>
<option value="">东莞市</option>
</optgroup>
<optgroup label="广西壮族自治区">
<option value="" >南宁市</option>
<option value="" >玉林市</option>
<option value="" >桂林市</option>
</optgroup>
</select>
运行截图
- 多行文本框
<textarea name="" rows="" cols=""></textarea>
运行截图