码迷,mamicode.com
首页 > Web开发 > 详细

web页面中四种常见必测控件

时间:2021-01-07 12:15:03      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:类型   数字类型   图片上传   清除   不为   指定   文本文件   多个   有一个   

输入框

1、为空 (如果不为空,页面有“*”号标注,或者只有一个输入框)

  a、没有任何输入,焦点离开有提示,提交页面无跳转 仍有提示

  b、输入一个或多个空格,焦点离开自动清除空格 有提示,提交页面无跳转仍有提示

 2、输入长度超出限制

  a、输入任意长度字符,离开焦点无提示,提交页面 跳转新功能页面

  b、输入指定长度字符 ,(输入超限)离开焦点有提示,提交页面无跳转 仍有提示

3、特殊字符串

 

4、只能输入数字类型的输入框,如果输入非半角阿拉伯数字的其他字符

  a、非法输入立即清除,无需提示

  b、焦点离开后有相应的提示,提交页面无跳转 仍有提示

搜索框

1、为空

  a、单搜索框,没有组合查询,进行搜索无需提示 焦点位于搜索框时 不执行搜索

  b、 多个搜索框,有组合查询,进行搜索时无提示 焦点可位于其他搜索框

2、关键字两边有空格

  搜索时 自动清除 关键字两边的空格

3、关键字长度限制

  进行搜索时有超长提示,并不执行搜索

日历

以下条件都应满足

  a、截止日期:不能早于已选的起始日期,不能晚于当前时间

  b、起始日期:不能晚于截止日期,不能晚于当前日期

  c、选择某一日期:

上传图片

以下条件都应满足

  a、非指定格式的图片文本,应有相应的提示该文件不被上传

  b、大于指定存储空间的文件,应有提示 该文件不被上传

  c、大于自定尺寸的图片,应有提示 不被上传

  d、图片上传成功,可以在指定的区域显示;文本文件上传成功,可以正常显示

web页面中四种常见必测控件

标签:类型   数字类型   图片上传   清除   不为   指定   文本文件   多个   有一个   

原文地址:https://www.cnblogs.com/biaobiaohu/p/14233803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!