一、共性
- 默认值(仅在输入框第一次出现时)
1.1 输入框有默认值:输入框信息为默认值。
1.2 输入框无默认值:输入框为空。 - 预期值(仅在输入框为空时)
2.1 输入框有预期值:输入框显示预期值,焦点在输入框/输入框输入信息时,预期值消失。
2.2 输入框无预期值:输入框不显示内容。 - 必填项
3.1 输入框是必填项:输入框为空,消息提醒且无法提交当前页面。
3.2 输入框非必填项:输入框为空,可以提交当前页面。 - 唯一性
4.1 输入框字段唯一:输入该字段已存在的值,消息提醒且无法提交当前页面。
4.2 输入框字段不唯一:输入该字段已存在的值,可以提交当前页面。 - 读写性
5.1 输入框为只读:输入框无法输入信息。
5.2 输入框为读写:输入框可以输入信息。 - 特殊键
6.1 Tab键:焦点在输入框时,点击Tab键,是否在输入框间切换。
6.2 Enter键:焦点在输入框时,点击Enter键,是否提交当前页面。 - 空格和制表符
7.1 输入框中是否会自动去掉空格和制表符,不自动去掉时空格和制表符是否会对输入框产生影响。
二、文本框(text)
- 字符类型
1.1 中文字符:文本框中是否可以输入中文字符。(如:测试文本框)
1.2 英文字符:文本框中是否可以输入英文字符。(如:TestText)
1.3 数字字符:文本框中是否可以输入数字字符。(如:-0123.4560)
1.4 特殊字符:文本框中是否可以输入特殊字符。(如:αβγさしすⅠⅡⅢ+-×÷)
1.5 所有字符混合:文本框中是否可以输入所有字符混合。(如:测试文本框TestText-0123.4560αβγさしすⅠⅡⅢ+-×÷) - 字符长度
2.1 字符长度有限制:文本框中输入超过字符长度的信息,消息提醒且无法提交当前页面;或文本框中无法输入超过字符长度的信息。
2.2 字符长度无限制:文本框中输入足够长的信息(如100个字符),可以提交当前页面。
三、多行文本框(textarea)
- 字符类型
1.1 中文字符:多行文本框中是否可以输入中文字符。(如:测试多行文本框)
1.2 英文字符:多行文本框中是否可以输入英文字符。(如:TestTextarea)
1.3 数字字符:多行文本框中是否可以输入数字字符。(如:-0123.4560)
1.4 特殊字符:多行文本框中是否可以输入特殊字符。(如:αβγさしすⅠⅡⅢ+-×÷)
1.5 所有字符混合:多行文本框中是否可以输入所有字符混合。(如:测试多行文本框TestTextarea-0123.4560αβγさしすⅠⅡⅢ+-×÷) - 字符长度
2.1 字符长度有限制:多行文本框中输入超过字符长度的信息,消息提醒且无法提交当前页面;或多行文本框中无法输入超过字符长度的信息。
2.2 字符长度无限制:多行文本框中输入足够长的信息(如500个字符),可以提交当前页面。 - 多行文本框大小
3.1 默认大小:多行文本框默认大小是否适中。
3.2 缩小:拖动多行文本框右下方缩放按钮,使多行文本框缩小,查看页面显示是否正确。
3.3 放大:拖动多行文本框右下方缩放按钮,使多行文本框放大,查看页面显示是否正确。
四、数字框(number)
- 数值类型
1.1 数字:数字框中输入数字信息(如:123),输入数值不变,可以提交当前页面。
1.2 非数字:数字框中输入非数字信息(如:测试数字框TestNumber-0123.4560αβγさしすⅠⅡⅢ+-×÷),消息提醒且无法提交当前页面。 - 数值大小
2.1 数值大小有限制:数字框中输入超过数值大小范围的数字,消息提醒且无法提交当前页面;或数字框中无法输入超过数值大小范围的数字。
2.2 数值大小无限制:数字框中输入足够大的数字(如999999999999999),输入数值不变,可以提交当前页面。 - 数值正负
3.1 允许负值:数字框中输入负数(如:-123),输入数值不变,可以提交当前页面。
3.2 不允许负值:数字框中输入负数(如:-123),消息提醒且无法提交当前页面。 - 小数数值
4.1 允许小数:数字框中输入小数(如:1.23),输入数值不变,可以提交当前页面。
4.2 允许小数(保留位数):按照其规则,依次在数字框中输入小数(如:规定保留3位小数,依次在数字框中输入1.23456,1.2),输入数值按照规则改变(如:1.23456变为1.234,1.2变为1.200),可以提交当前页面。
4.3 不允许小数:数字框中输入小数(如:1.23),消息提醒且无法提交当前页面。 - 自动去0
5.1 有自动去0:数字框中输入首位含0的数值(如0,01,000123),输入数值自动去0(如:0变为空,01变为1,000123变为123),可以提交当前页面。
5.2 无自动去0:数字框中输入首位含0的数值(如0,01,000123),输入数值保留0不变(如0变为0,01变为01,000123变为000123),可以提交当前页面。
五、单选框(radio)
- 勾选:点击第1个选项时第1个选项被勾选;点击第2个选项时第2个选项被勾选,第1个选项取消勾选。
- 取消勾选
2.1 可以取消勾选:点击某选项第1次时勾选该选项,第2次时取消勾选。
2.2 不可以取消勾选:点击某选项第1次时勾选该选项,第2次时无反应。
六、复选框(checkbox)
- 勾选:点击第1个选项时第1个选项被勾选;点击第2个选项时第2个选项被勾选,第1个选项仍然被勾选。
- 取消勾选
2.1 可以取消勾选:点击某选项第1次时勾选该选项,第2次时取消勾选。
2.2 不可以取消勾选:点击某选项第1次时勾选该选项,第2次时无反应。
七、下拉框(select)
- 选择前:查看下拉框,下拉框的值为默认值。
- 选择后:选择下拉框的某选项后,查看下拉框,下拉框的值变为选中选项的值。
- 关联项:选择下拉框的某选项后,展开关联项。(如【是否成年】选择“是”,展开关联项【是否结婚】)
八、左右选择框
左右选择框选择数据,左侧是待选择的数据,右侧是已选择的数据,右侧数据可删除。
- 状态:左右选择框中每项的自然状态、悬浮状态、选中状态。
- 左侧
1.1 数据内容:左侧待选择数据是否正确。
1.2 数据为空:左侧数据为空时是否正常显示。
1.3 数据过多:左侧数据过多时是否正常显示,是否有滚动条。
1.4 目录切换:目录是否正确,目录切换时数据是否正确。
1.5 查询:左侧查询功能是否正常。 - 右侧
1.1 数据内容:右侧已选择数据是否与左侧待选择数据一致。(比如在左侧是“张三”,到右侧是否依然是“张三”,还是说会变成“李四”)
1.2 数据为空:左侧数据为空时是否正常显示。
1.3 数据过多:左侧数据过多时是否正常显示,是否有滚动条。 - 左侧与右侧
4.1 是否能从左侧添加数据到右侧,是否能从右侧删除数据。
4.2 是否防止重复添加数据。
4.3 左右侧为空时添加和删除功能是否正常。
4.4 左右侧是否能添加全部和删除全部。
4.5 添加和删除大量数据时的速度是否正常。
九、日期时间框
- 日期选择
1.1 点击选择日期按钮,弹出日期选择框。
1.2 日期选择框中选择一个日期,日期选择框自动关闭,日期框中自动填入选择的日期。 - 日期自动选择:根据实际规则,进行会让日期自动选择的操作,日期框自动填入日期。(如【申请日期】选择一个日期,【提交日期】也自动选择相同的日期)
- 日期输入
3.1 日期框中输入正确格式的信息(如:2018/10/10),日期框变为输入的日期,可以提交当前页面。
3.2 日期框中输入错误格式的信息(如:测试日期框),消息提醒且无法提交当前页面。 - 日期范围
4.1 日期框中输入日期范围内的日期,日期框变为输入的日期,可以提交当前页面。
4.2 日期框中输入日期范围外的日期,消息提醒且无法提交当前页面。 - 日期判断
5.1 根据实际规则,输入符合日期判断规则的日期,日期框变为输入的日期,可以提交当前页面。(如【开始日期】小于等于【结束日期】)
5.2 根据实际规则,输入不符合日期判断规则的日期,消息提醒且无法提交当前页面。(如【开始日期】大于【结束日期】)