一、 超链接
普通超链接点击后在本窗口打开页面:
<a href="http://www.baidu.com">跳转去百度</a>
也可实现点击后在新窗口打开页面:
<a href="http://www.baidu.com" target="_blank">跳转去百度</a>
空链接
<a href="#" target="_blank">空链接</a>
二、 表单
定义:所有用户输入的用户名、密码、邮箱......统一称之为表单数据,放在form标签中
<form action="后台处理数据的地址" method="post">
用户名:<input type="text" /><br />
<input type="submit" name="" id="" value="点击提交" />
</form>
form中的属性:action代表,当前表单数据要提交给哪个后台程序xxx.php;
method代表传输数据过程中使用哪种方法:(1)get:不加密传输;(2)post:加密传输
input标签中type类型不同可实现不同效果:
(1)text:普通文本框;
(2)submit:提交按钮;
(3)password:密码框(输入文字会加密显示);
(4)radio:单选框;
测试细节:
1、点击查看是否实现单选效果;
2、点击文字查看是否能切换(提升用户体验);
3、是否默认某一个是选中状态(根据用户与产品经理的要求来定);
(5)checkbox:复选框、多选框
测试细节:
1、点击文字查看是否能切换(提升用户体验);
2、是否默认某一个是选中状态(根据用户与产品经理的要求来定);
(6)下拉菜单的测试细节:
<select name="" id="">
<option value="">北京</option>
<option value="">上海</option>
<option value="">广州</option>
<option value="" selected="selected">武汉</option>
</select>
1、测试数据是否满足用户要求:顺序、个数
2、刷新页面时默认选中是哪一个数据
(7)文本域(可多行输入内容的文本框)测试细节:
<textarea name="" id="" cols="30" rows="10"></textarea>
1、测试IE、谷歌、火狐浏览器最终显示大小是否一致
2、查看文本域右下角是否可以拖拽放大缩小(一般禁止)
(8)button:普通按钮,需要js控制才能实现其他效果
(9)reset:点击后使当前表单恢复默认状态(不是清空)
注意:按钮建议设置value属性(表示按钮的提示文字),否则有可能导致浏览器的兼容性问题