测试的时候注意的点:
注意:
区别隐藏与显示
visibility:hidden;
占据位置,隐藏元素
overflow:hidden;
不占据位置,隐藏元素
二.学习的 新知识:
表单:申请
form作用:数据提交
1.属性:
(1)提交方式:method(get提交不安全,因为信息全部会暴露/post安全性高)
(2)注意:你的提交方式你的后端会告诉你的
(3)name 写当前的内容表示的是什么,写在input里面
(3)name和value是提交给后台的人
2.常用元素:
1)文本输入框:type=“text”
占位符:placeholder=“输入文字”(输入文字的时候就消失了),区别于value=“文字”
2)密码输入:type=“password”
输入内容的最大长度:maxlength;
输入内容的最小长度:minlength;
3)数字输入:type=“number”
min(最小值) max(最小值) step(依次增长的步数/步长)
4)数字输入之滑块:type=“range”
5)时间输入:type=“time”(具体的时间)
日期输入框:type=“date”
只有年月日
6)年月month
7)星期week
8)时间戳datetime-local
9)重点:time date
10)颜色:type=“color”
11)选中文件:
单个文件:type=“file”
多个文件,加个属性:multiply
12)按钮
格式:type=“属性值”
属性值:
1)提交按钮:submit,默认value为提交
按钮:button
2)单选按钮:radio,使用name同一个名字关联起来,达到只选择一个的效果
提交时地址栏显示格式是name=value
3)多选:checkbox,同时也使用name来关联
13)checked选中状态
14)扩大按钮选中的区域:
label,id来绑定
15)提交
16)select下拉设置
下拉列表option
下拉选项组optgroup
label用来取组名
17)文本区域:textarea
rows宽
cols高度
防止拖拽:设置在css中:ressize:none;
18)fieldset:块级标签
处于线中的标题:legend