一、列表
无序列表:ul嵌套若干li,每个li就是一个选项
例:
- 基础班
- 自动化测试
- 功能测试
有序列表:ol嵌套若干li,每个li就是一个选项
例:
- 周杰伦
- 李荣浩
- 蔡徐坤
二、布局的标签
布局标签:当没有任何语义的时候,就可以使用div或span来进行内容的包裹,目的是后期css代码可以找到对应标签中的内容来设置样式
div:独占一行空间,称之为大盒子
span:一行可以放置多个,称之为小盒子
例:
我是span
三、音、视频、测试点
audio音、video视频
测试细节:因为历史发展原因,导致音、视频标签兼容性很差,对于测试工作来讲,需要测试三大主流浏览器是否能正常运行音、视频;
Ie测试低版本(ie7、8、9、10、11)
测试方法:打开ie,f12,找到仿真(必须有ie高版本才能测试低版本),点击文档模式,切换10,9,8,7版本。
什么时候测试低版本:用户要求,再测试!
四、form表单标签
form表单标签里面就是所有用户填写的表单数据;
action="xxx.jsp" 把表单数据提交给哪一个后台程序去处理
method="post" 传递数据时候的方式方法,post代表隐式提交数据;get明文传送数据
input标签的type类型:
type="text" 普通的输入框
type=”password” 密码框
type="radio" 单选框
checked="checked" 此属性可以表达默认选中状态
`测试细节:
1、点击查看是否为单选效果
2、刷新的时候是否有默认选中的状态
3、点击文字是否可以进行切换`
type="checkbox" 多选框、复选框
checked="checked" 默认选中
测试细节:
1、刷新的时候是否有默认选中的状态
2、点击文字是否可以进行切换
注意:一切测试要追溯到用户的需求
select标签嵌套若干option标签,每组option就是一个下拉菜单中的选项
selected="selected" 下拉菜单的默认选中
测试细节:
1、内容的顺序
2、默认选中的状态
3、内容的条数
textarea 文本域
测试细节:
1、测试三大主流浏览器外观大小是否一致
2、提醒程序员禁用拖拽大小的功能
type="button" 普通按钮,需要js配合才能实现其它效果
value属性设置按钮身上的文字
type="reset" 重置按钮,点击后可以让表单数据恢复默认值
value属性设置按钮身上的文字
type="submit" 提交按钮,点击后可以让表单提交给指定后台处理
value属性设置按钮身上的文字
点击后无论是否报错,都与我们无关,最终测试的时候,只要关注数据库中的内容是否正常添加即可
placeholder="请输入用户名" 文字提醒属性