1.表单
a.由收集网页中的用户信息的,一些常用组件组成,文本框, 密码框,等。。。
b.常用于,注册,登录等,调查问卷等
c.语法
< fom action="表单提交地址”method=“表单提交方式”>
< /form>
d.post和get的区别
post: 不改变浏览器地址,安全性高于get, 用于保存,修改,删除get:表单数据会显示在地址栏中,安全性低,用于查询数据
2.input标签
语法:
<input type="组件类型"name="名称"value="默认值”size="宽度”maxlength="最大输入"checked>type类型:
text: 普通文本
password:密码框,输入内容无法看到
radio: 单选按钮 --name必须相同为一组,使用checked默认选中
checkbox: 复选框 --name必须相同为一组,使用checked默认选中
普通按钮button:
submit: 表单提交按钮 --专用于提交form中的所有数据
reset: 表单重置按钮 – 清空form中的数据
file: 文件上传按钮
email: 邮箱输入框会校验输入是否是邮箱格式–
– 会校验输入是否是网址url: 网络地址输入框
url: 网络地址输入框-- 会校验输入是否是网址
number:数字输入框-- 只能输入数字
滑块range:-- 滑动选择数值,min和max设定范围,step设定滑动间隔搜索框-- 可以清空输入search:
3.列表框select
< select name=“名称”>–定义一个下拉列表
< !-- 下拉列表的选项–>
< option value="选项的值”selected=“selected”>选项的显示内容< /option>< option value=“选项的值”>选项的显示内容< /option><0森剧搅捶噔拍滕当觑关砂麒融依伶藓泥缆嬴嫌让炒癞州祈蛾沈园洲际J鞍酩
使用selected="selected"默认选中
4.多行文本域textarea
<textareaname="名称"cols="列数"rows=“行数”>
<!- 内容–>
< /textarea>
与input不同textarea没有value属性,值直接填写在标签内部
5.高级应用
隐藏域 input: type=“hidden”
只读: readonly
禁用: disabled
6.标注for
a使用id="id值"标记input
b使用for="id值"建立关联
c.效果:点击for标记的位置就等同于点击id标记的input
7.表单验证
a.placeholder 输入框的提示信息不是值
b.required 验证为必填项标记后必须填写
c.pattern表单验证的正则表达式配置后必须匹配