软件测试基础——HTML（三）

一、 超链接

普通超链接点击后在本窗口打开页面：

<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属性（表示按钮的提示文字），否则有可能导致浏览器的兼容性问题