button什么意思

web常见控件介绍

常见的控件:

1.⽂本输⼊框（TextBox）

2.按钮控件（Button）

3.下拉选框（DropList）

4.⽇期/时间控件(Date/TimePicker)

5.（图⽚、⽂件）上传控件（Upload）

6.树形控件（TreeView）

7.列表框（ListBox）

8.多格式⽂本框（RichTextBox）

控件

10.其他控件

11.多浏览器兼容性问题

以下是上述常⽤控件就样式、属性、功能、测试点等⽅⾯的总结

1.⽂本框

纯⽂本框（不带其他类型控件）主要分为密码框、⽂本框(TextBox)和多⾏⽂本框（TextArea）

1.1密码框

（1）样式：

（2）属性：

输⼊的⽂本会⾃动以⿊⾊圆点或星号加密显⽰。

（3）功能：

⽤于输⼊密码

（4）测试点（功能）：

1.字符长度

2.是否区分字母⼤⼩写

3.全⾓半⾓输⼊（数字、英⽂）

4.是否允许空格字符

5.输⼊的密码是否密⽂显⽰，是否可以“显⽰密码”

6.安全性：是否可以复制、粘贴⽅式输⼊、复制粘贴后是否看到明⽂

7.安全性：密码传输过程是否加密、数据库保存是否加密

8.密码验证⽅式是否为⽐对模式。

9.登录后是否会⽤明⽂传递参数

10.利⽤复制粘贴等操作强制输⼊不允许的输⼊数据

11.同⽂本框测试点

1.2⽂本框

（1）样式：

（2）属性：

普通⽂本框，允许输⼊⽂本、数字等类型的字符

（3）功能：

⽤于普通⽂本的输⼊和显⽰，常搭配其他控件使⽤

（4）测试点（功能）：

1.输⼊中⽂、英⽂⼤⼩写、数字、特殊字符，构建有效等价类和⽆效等价类

2.全⾓半⾓输⼊（数字、英⽂）和显⽰

3.输⼊框是否为必填项（空输⼊）

4.是否可以输⼊空格以及对空格的处理（包括全⾓半⾓、中英⽂、⽂本⾸尾、⽂本间的空格）

5.字符长度

6.⽀不⽀持快捷键操作（Enter、Ctrl+“C/V/X/A/Z”复制粘贴剪切全选撤销等）

7.数值型、⽇期型、时间型⽂本框的合法性校验

8.利⽤复制粘贴等操作强制输⼊不允许的输⼊数据

9.特殊字符（串）：单引号、双引号、分号、Null、null、/、、转义字符、等

ript代码：Hello、alert("hello")

代码：你好、

12.注⼊式Bug

1.3多⾏⽂本框

（1）样式：

（2）属性：

可以输⼊复数⾏的⽂本。⼀般附带滚动条（样式1）或可以拖曳⽂本框⼤⼩（样式2），以便浏览多⾏⽂本

（3）功能：

多⾏⽂本的输⼊。

（4）测试点（功能）：

1.是否允许Enter换⾏

2.保存后是否保持输⼊时的格式显⽰

3.仅输⼊Enter换⾏能否保存

4.是否能够调整⽂本框⼤⼩，拖动调整⼤⼩时，能否与页⾯其他元素⾃适应

5.当输⼊⽂本较长时，是否出现滚动条或者⾃动扩展⽂本框⼤⼩

6.同“⽂本框”的1~6测试点

2.按钮控件

按钮（Button）主要分为命令按钮（Push/CommandButton）、单选钮（RadioButton）、复选框（CheckBox）

以及它们的组合。

2.1命令按钮

应⽤程序中使⽤户通过简单的点击按钮来执⾏操作。当⽤户点击按钮后，不仅会执⾏相应操作，还会使该按钮看上去象

被按下并释放⼀样。部分按钮会在⿏标悬浮其上且没有点击时改变按钮显⽰形态（如弹出说明框、字体变化、⾼亮）或改变

光标显⽰形态（如变成⼿型）。

命令按钮的显⽰形式可以是⽂本、图形或图⽚。⼤致可以分为纯⽂本、纯图标、纯图⽚、⽂本⽅框、⽂本和图标结合。

对命令按钮的操作⼀般只有⿏标单击或键盘敲Enter/Space，有些按钮单击和双击的实现功能不同，⽽有些功能丰富

的按钮在⿏标右键点击之后会弹出右键菜单。

点击命令按钮产⽣的响应有弹出新窗⼝、弹出框体、弹出新页⾯、切换或弹出菜单（结合菜单栏）、弹出列表框（结合

下拉列表）、刷新、放⼤/缩⼩/收起/关闭窗⼝等等。

以下就命令按钮的显⽰形式进⾏讲解。

2.1.1纯⽂本按钮

（1）样式：

（2）属性：

⼀般纯⽂本形式的按钮在

光标悬浮其上时，⼀般⽂本的显⽰形态会变化，具体表现为底部出现下划线、字体颜⾊变化、字体⾼亮或出现背景框，

还很有可能弹出详细的说明信息框。⽽且光标的形状会变成⼿型。当然⽂本形态也可以不变化。这些表现形式都是为了引导

⽤户点击操作。

操作按钮后，按钮的形态不定：可能不变化，可能字体颜⾊改变or⽂字改变以传达按钮已被点击过的意思，也可能按钮

置灰⽆法⼆次操作。

（3）功能：

⼤部分纯⽂本按钮都出现在⽹页中，⽤于打开新的页⾯（在新窗⼝或当前窗⼝打开）；在菜单中实现菜单切换或者弹出

菜单栏，相当于选项卡，如Word的菜单栏就是点击⽂本进⾏切换的；其它丰富的功能，如点赞按钮、收起展开按钮、收藏

按钮、验证码刷新按钮等等。

（4）测试点：

1.按钮的⽂本是否正确、简洁、明了，样式是否美观、统⼀

2.光标悬浮在按钮上时，⽂本和⿏标光标是否有需求的形态变化

3.点击按钮是否响应正确的操作，如打开正确页⾯、实现需求功能

4.点击完成后，按钮⽂本的形态是否正确

5.能否实现tab、Enter等快捷键功能

6.快速点击两次，是否⼀次有效；⿏标左键长按后移开是否取消了操作

7.是否有右键菜单，且菜单内的功能是否实现

8.是否能够复制⽂本⽂字（⿏标长按拖到输⼊框或光标选中复制粘贴）

2.1.2纯图标按钮

（1）样式：

（2）属性：

纯图标按钮的形状本⾝就具有很形象的解释⼒，光标悬浮在按钮上时经常会弹出更详细的说明信息框，⽤来具体解释此

按钮实现的功能。⿏标悬浮时，也会出现图案⾼亮、出现背景框、光标变⼿型等形态变化。

图标按钮经常会有两种状态：可使⽤和置灰状态。置灰状态对点击操作不响应。

某些图标按钮会被分配相应的快捷键。

图标不同于图⽚，⼀般⼤⼩⽐图⽚要⼩。

（3）功能：

点击按钮后可以打开新页⾯新窗⼝，可以弹出菜单栏，也可以实现各种丰富的功能。最经典的图标按钮就是Windows的

最⼩化、最⼤化、关闭、前进后退、刷新按钮。图标图案还可能是某⽹站的Logo，点击可进⼊⽹站⾸页。

（4）测试点：

1.按钮图标是否正确对应功能含义、是否风格⼤⼩统⼀、是否清晰美观

2.光标悬浮时，图标和⿏标光标是否有需求的形态变化

3.点击按钮是否响应正确的操作

4.点击完成后，按钮的形态变化是否正确

5.如果是置灰的按钮，是否不能点击操作

6.能否实现tab、Enter等快捷键功能

7.如果分配了快捷键，快捷键操作是否有效

8.快速点击两次，是否⼀次有效；⿏标左键长按后移开是否取消了操作

9.是否有右键菜单，且菜单内的功能是否实现

2.1.3纯图⽚按钮

（1）样式：

（2）属性：

纯图⽚按钮就是⼀张图⽚可以点击产⽣响应，不同于图标按钮，图⽚更有预览意义，图⽚内容不代表功能，同⼀功能可

能因为场景、对象不同⽽图⽚内容不同。

对图⽚按钮的操作⼀般就是单击，还可能右键弹出功能菜单。

（3）功能：

图⽚按钮主要有三种功能：带有新页⾯的链接地址，点击能够打开新页⾯；点击能够打开功能窗⼝，如头像设置、封⾯

修改窗⼝；点击放⼤查看图⽚。

（4）测试点：

1.按钮图⽚是否正确对应内容、样式是否统⼀美观，图⽚分辨率是否良好

2.光标悬浮时，图⽚和⿏标光标是否有需求的形态变化

3.点击按钮是否打开正确的页⾯、正确的功能窗⼝或者是否正确放⼤

4.快速点击两次，是否⼀次有效；⿏标左键长按后移开是否取消了操作

5.是否有右键菜单，且菜单内的功能是否实现

6.图⽚是否可以复制

2.1.4⽂本⽅框按钮

（1）样式：

（2）属性：

⽂本⽅框按钮是最常见最经典的按钮，⽂字置于⼀个不透明的⽅框中间。⼀般⽅框的形状为长⽅形⽽不是正⽅的。

此类按钮也会有可⽤和置灰状态，也可能有右键菜单、快捷操作，但⼀般不能复制⽂本和图案。如果按钮带有⽹站链接

倒可以复制。

按钮的⽅框使其脱离其他控件，在页⾯中很凸显。

（3）功能

此类按钮⼀般很少⽤于链接⽹址，基本⽤于实现具体的功能或打开新的功能窗⼝。

（4）测试点：

1.按钮中的⽂本是否正确，样式是否美观统⼀，是否置于⽅框正中，⽅框的样式是否美观

2.光标悬浮时，按钮和⿏标光标是否有需求的形态变化

3.点击完成后，按钮的形态变化是否正确

4.如果是置灰的按钮，是否不能点击操作

5.能否实现tab、Enter等快捷键功能

6.如果分配了快捷键，快捷键操作是否有效

7.是否有右键菜单，且菜单内的功能是否实现

8.对⾮法的输⼊或操作给出⾜够的提⽰说明，如，空输⼊时点击“上传”按钮要给出提⽰

9.对可能造成数据⽆法恢复的操作必须给出确认信息，给⽤户放弃选择的机会，⽐如“删除”按钮

2.1.5⽂本与图标结合的按钮

（1）样式：

此类按钮类似于纯图标按钮加了⽂字的简略解说，能更好的解释按钮的功能。

其属性功能和测试点也基本差不多，详情参考纯图标按钮。

2.2单选钮

（1）样式：

（2）属性：

我们选中单选钮选项时，圆环中间出现⼀个⼩实⼼圆点表⽰该项被选中。在⼀组单选按钮选项中，只能选中其中⼀项，

这和复选框是不同的。⼀组单选钮可以有初始值也可以没有。

（3）功能：

⽤于⽤户只能从选项列表中选择⼀项的情况。

（4）测试点：

1.单选选项是否统⼀按钮居左、⽂字描述居右

2.选择单选按钮保存后，是否正确执⾏功能，或者数据库是否正确存⼊了选项值

3.单选钮是否有初始值、默认选项

4.同⼀组单选钮是否只能选中⼀个（互斥）

5.同⼀组单选钮是否不能同时为空

6.刷新页⾯后，是否仍然选中选项或默认值

7.操作是只点击按钮选中还是可以点击按钮⽂字选中

2.3复选框

复选框⼀般是⽤户多选的选项框。在更复杂的组合复选框中，复选框还能实现“全选”、“全不选”、“反选”功能。

2.3.1普通的选项复选框

（1）样式：

（2）属性：

同⼀组复选框中可以同时选中多项，选中后会呈现打钩状。⼀组复选框⼀般没有初始值。

复选框除了有选中和不选中两个状态，还有⼀个独⽴的属性：“不确定”（indeterminate）

不确定状态的checkBox的值仍然只有checked或unchecked，状态仅仅是为了⽤户视觉界⾯上看起来更友好。例如带

复选框的级联菜单时，⼦级菜单的多个复选框为部分选中的时，⽗级菜单的复选框应处于不确定状态，来反映⼦菜单的部分

选中情况；或者为了表⽰选中或不选中都不影响时，可以显⽰为不确定，但实际内在值是确定的。

（3）功能：

⽤于⽤户从选项列表中⾃由选择选项的情况（单选、多选、不选）。

（4）测试点：

1.选择复选框选项保存后，是否正确执⾏功能，或者数据库是否正确存⼊了选项值

2.复选框是否有初始值、默认选项

3.复选框是否可以同时选中多个

4.复选框是否可以同时为空

5.刷新页⾯后，是否清除选项

6.操作是只点击⽅框选中还是可以点击复选框⽂字选中

7.⽗级菜单的复选框为不确定状态时，⼦集菜单是否为部分选中

8.复选框为不确定状态时，是否符合逻辑

2.3.2全选反选复选框

（1）样式：

（2）属性：

全选复选框——点击全选，其下的选项复选框组全选中，再次点击取消全选中

反选复选框——选项复选框全选中或⽆选中时相当于全选；当选项复选框部分选中时，点击反选，所有选项复选框反向

选择（即选中变为不选中，不选中变为选中）

复选框可以同时实现全选和反选功能，也可以只实现全选功能。

（3）功能：

实现选项全选或反选。

（4）测试点：

1.当没有选项选中时，点击全选复选框，是否选项全选中，全选复选框变为选中状态

2.当选项全选中时，点击全选复选框，是否选项取消全选中，全选复选框变为未选中状态

3.当选项部分选中时，点击全选复选框，是否选项全选中，全选复选框变为选中状态

4.当选项部分选中时，点击反选复选框，是否选项反向选择，反选复选框变为相反状态

3.下拉选框

（1）样式：

（2）属性：

下拉选框（DropList）包括⼀个右侧带有倒三⾓图标的⽂本框和下拉列表框，点击倒三⾓图标会弹出下拉列表，点击列

表中的选项，选项就显⽰在⽂本框中。

⽂本框可以编辑新增选项也可能选项固定，可以有初始值也可以初始为空。

选项可以多选也可以单选，且多选下拉列表经常还会配合复选框来实现同时多选的效果。当光标悬浮于选项时，

还可以即时显⽰对应的预览效果。

VB组合框中的DropdownList/Combo，功能上和DropList⼗分类似，区别在于组合框明确只可单选选项、⽤户不能

输⼊和编辑选项。实际情况下可以⼀同测试。

（3）功能：

选择控件。

（4）测试点：

1.初始值（即操作下拉框前⽂本框中显⽰的值）：为空、提⽰信息、某⼀选项

2.列表选项的⽂本是否正确、左对齐、显⽰完全以及选项排列顺序

3.列表选项是否可以为空，是否可以编辑

4.列表框的长度⾼度是否合适，长度是否可变，如何将不能完全显⽰的选项显⽰出来

5.列表内容是否可变，可变的最好要⽤SQL或其他⽅式验证正确性，不允许出现重复值

6.列表超过列表框显⽰区域是否⾃动提供滚动条

7.光标定位到下拉列表上时，是否⽀持键盘快捷操作，如↑,↓,Home,End,PageUP,PageDown等

8.可编辑下拉列表框是否可以插⼊新选项值，插⼊值的有效/⽆效等价类验证（包括空格、全半⾓字符、特殊字符等情

况）、长度验证以及重复性验证

9.可编辑下拉列表框是否可以删除选项，是否可以删除所有选项

10.可编辑下拉列表框新增或删除选项值后，选项是否正确显⽰

11.⼀组联动的下拉框，改变其中⼀个下拉框的选项值，其余的下拉框是否作出相应的可选选项内容的改变

12.选择⼀个选项后，下拉列表是否⾃动收起

13.多选下拉框选择多个选项后，⽂本框中显⽰是否正确

14.有预览效果的下拉框，光标悬浮于选项时，显⽰的预览效果是否正确

4.⽇期/时间控件

（1）样式：

（2）属性：

⽇期/时间控件输⼊年⽉⽇或时分秒的时间信息。

⽇期控件包含⼀个显⽰⽂本框和⽇期选择框插件。⼀般⿏标点击⽂本框或者右侧表⽰时间的图标就能弹出选择框。⽇期

以⽇历表形式展现，⼀般⽉份年份会有个下拉列表供选择，选定好具体⽇期直接在⽇历表上单击、双击或“确定”。此

外“⽇历表”还⽀持左右翻页、“清空”、“今天”、“确定”或“关闭”等功能按钮。

时间控件⼀般⽀持⼿动输⼊和点击下拉选项设置。可以⽤up-down控件来调整时间。

⽇期和时间控件使得时间信息的输⼊通过⼏次单击操作就能完成，更为⽅便。两种控件可以结合在⼀起使⽤。

（3）功能：

实现⽇期或时间的输⼊。

（4）测试点：

<1>⽇期控件：

1.选择⽇期后，⽂本框是否显⽰正确⽇期，⽇期选择框是否收起

2.⽇期格式是否正确，年⽉⽇是否有限制

3.⽤左右按钮、下拉框切换年⽉是否正确

4.是否有初始⽇期，如当前⽇期

5.⽇期⽂本框是否可以⼿动输⼊或修改⽇期，修改成错误的年⽉⽇、错误的格式、错误的字符类型（中⽂字母特殊字符

空格）是否有提⽰信息或者限制此类错误输⼊

6.清空、今天、确定、关闭等按钮是否实现功能

<2>时间控件：

1.时间格式是否正确

2.⽤up-down按钮、下拉框切换时分秒是否正确

-down按钮调整分和秒⾃增或⾃减时是否⾃动进位或退位（如满60秒分加1）

4.是否有初始时间

5.时间⽂本框是否可以⼿动输⼊或修改时间，修改成错误的时分秒、错误的格式、错误的字符类型（中⽂字母特殊字符

空格）是否有提⽰信息或者限制此类错误输⼊

5.（图⽚、⽂件）上传控件

（1）样式：

（2）属性：

实现⽂件的上传功能⼀般先点击“浏览”或“添加”按钮，会弹出本地⽂件“打开”窗⼝，按路径找到合适的⽂件并选

中、打开（或者直接双击），⽂件名称（名称可能带路径）就会显⽰在列表或⽂本框中，再点击“上传”按钮等待上传即

可。上传的过程中，会有进度显⽰条显⽰上传的完成情况。

（3）功能：

上传本地⽂件到相关服务器上，然后对⽂件进⾏后续操作。

（4）测试点：

1.选择合法格式⼤⼩的⽂件是否能够上传成功（每⼀种格式、⽂件⼤⼩的最⼤最⼩值和边界值都要测）

2.选择不合法的格式或⼤⼩的⽂件上传，是否不成功且有错误提⽰

3.选择0kb的图⽚上传是否不成功且有错误提⽰

4.选择⼀个合法但是正在使⽤中的⽂件（如打开的word⽂档），是否上传成功

5.如果允许⼿动输⼊⽂件路径，在⽂本框中⼿动输⼊如下情况是否上传成功：

（1）⼿动输⼊⼀个存在的合法的⽂件路径

（2）输⼊不存在⽂件的路径

（3）输⼊的路径下⽂件不合法

（4）只输⼊⽂件名称不带路径

（5）正确的⽂件路径包含空格（前中后、全半⾓空格）

（6）路径为空

（7）超长字符的路径是否可以输⼊

6.是否⽀持中⽂路径或中⽂名称的⽂件上传

7.⽂件名称最⼤最⼩字符个数，名称包含特殊字符、空格、程序语句是否影响上传

8.上传常见⽊马，上传过程中有断⽹、服务器宕机等异常情况

9.上传时服务器空间接近或已满

10.上传成功的⽂件是否可以查看、删除、替换和下载，是否可以取消上传

11.批量上传

12.上传同名⽂件是否给出错误提⽰

6.树形控件

（1）样式：

（2）属性：

树形控件⽤于管理⼀组分级的⽂件夹。最左侧的⽅框或者三⾓形图标控制着⽂件夹的收拢和展开。

⽂件夹收拢时，⽅框图标内是⼀个“+”号、三⾓形图标正三⾓指右；点击图标，节点展开，显⽰出下级的⽂件夹或⽂

件，⽅框图标内变成⼀个“-”号、三⾓形图标指下。⽽且树形图标只显⽰于有下级菜单的节点，没有下级菜单的不显⽰。

经常，树形控件还会带有选择功能，每个⽂件夹或⽂件都附带⼀个复选框，上下级的选择状态互相影响。

（3）功能：

⽂件菜单分级管理功能。

⽂件菜单选择功能。

（4）测试点：

1.树节点的图标展开前后是否风格⼀致，如果有树结构的连线是否显⽰正确

2.默认树结构是展开还是收拢的

3.所有节点和叶⼦的图标、名称是否正确

4.点击某个节点时，是否只展开下⼀级的节点和显⽰该级的叶⼦还是显⽰下⼀级全部的

5.页⾯刷新后，是保持现状还是恢复到默认树形状态

6.执⾏了某⼀操作或树结构上的数据发⽣了变化，是保持现状还是恢复到默认树形状态

7.选中某⼀节点的复选框，下级节点是否全部⾃动置为选中

8.当两级节点全部选中时，取消选中上级节点，下级节点是否全部⾃动取消选中

9.当两级节点全部选中时，取消选中某⼀下级节点，上级节点是否也⾃动取消选中或者置为不确定状态

7.列表框

（1）样式：

（2）属性：

列表框⽤于提供⼀组条⽬（数据项），⽤户可以⽤⿏标选择其中⼀个或者多个条⽬，但是不能直接编辑列表框的数据。

当列表框不能同时显⽰所有项⽬时候，他将⾃动添加滚动条，使⽤户可以滚动查阅所有选项。

值得关注的是，列表框中的项⽬是通过程序插⼊到其中的，⽤户⽆法向清单中输⼊数据或者编辑数据，当选择其中的项

⽬，并在⽤户单击⼀个按钮或者执⾏某个操作时，由应⽤程序完成对指定项⽬的具体操作。

列表框和组合框的区别在于，组合框带有⼀个⽂本框，既能输⼊数据⼜能选择数据。

（3）功能：

选中列表框中⼀个或多个选项，配合执⾏功能按钮或操作（如删除、上传、导出、下载、移动等等）。如果可以选中多

个选项，即可实现批量操作。

（4）测试点：

1.列表框中的⽂本是否正确、格式风格美观统⼀

2.选择选项后执⾏操作是否成功

2.列表选项超过列表显⽰区域时是否及时出现滚动条（包括垂直和⽔平⽅向）

3.能否⽤键盘快捷键选择选项（上下键、Enter、Space等）

4.能否⽤Shift键+点击连续多选、⽤Ctrl键+点击选择性多选、Ctrl+All键全选、直接⽤⿏标点击多选选项

5.是否响应双击操作

8.多格式⽂本框

（1）样式：

（2）属性：

RichTextBox（多格式⽂本框）控件是基于TextBox控件开发的⼀种功能更为强⼤、使⽤更为⽅便的控件，它可以完

成TextBox的⼀切功能，具有上百个属性与⽅法：设置字体、颜⾊和链接；从⽂件中加载⽂本、插⼊图⽚；进⾏撤消与重做

等编辑操作。

（3）功能：

该控件常⽤于⽂本显⽰和编辑的字处理插件，如Windows的写字板或OfficeWord中。

（4）测试点：

1.选中⽂本依次测试各种操作，是否正确实现，保存⽂本后是否正确显⽰

2.不选中⽂本，点击操作，是否不实现

3.点击⽂本格式类的操作后，再输⼊⽂本，是否正确响应（如设置字体为红⾊后输⼊⽂本，是否为红⾊）

4.点击插⼊类的操作（如插⼊图⽚、表情、特殊字符、表格、分页符等），是否正确插⼊和显⽰

5.复制粘贴剪切和撤销功能是否正确

6.是否有查找字符和替换字符功能

7.是否可以在⽂本编辑框实现快捷键操作以及右键菜单操作

8.⽂本超过⽂本编辑框显⽰区域时，是否⾃动显⽰滚动条

9.操作按钮点击后是否有按钮形态的变化，⽐如表⽰设置为倾斜状态的形态变化

10.⽂字和图⽚、表情、特殊字符等插⼊元素的排列位置以及间距是否美观

控件

（1）样式：

（2）属性：

Tab控件也叫选项卡。每个选项卡代表⼀个活动的区域，⽤于将相关的控件集中在⼀起，放在⼀个页⾯中⽤以显⽰多种

综合信息。浏览器的每个Tab代表⼀个⽹页，它⽅便在同⼀个窗⼝中打开多个⽹站。

每个Tab选项卡通过⿏标选中或者快捷键实现切换，通过双击或者点击叉图标实现关闭，还可以长按拖动选项卡之间的

位置。

（3）功能：

Tab控件通常⽤于显⽰多个选项卡，其中每个选项卡均可包含图⽚和其他控件。

（4）测试点：

1.选项卡的样式风格是否统⼀美观

2.点击是否可以选中选项卡，切换是否流畅，每个选项卡的内容是否显⽰正确，被选中的选项卡是否⾼亮显⽰

3.快捷键Ctrl+Tab键能否切换选项卡

4.选项卡是否有关闭图标，点击是否能够关闭，双击能否关闭选项卡

5.选项卡是否可以拖动改变位置，或者拖动移出窗⼝成为⼀个单独的页⾯

6.当选项卡标题中的⽂字较长时，⽂字如何显⽰，光标悬浮其上时，是否会弹出完整的标题信息框

7.选项卡标题中的图案是否显⽰清晰，分辨率良好

7.选项卡的长度是否会根据选项卡标题长度或者窗⼝中打开的选项卡数⽬⾃适应

10.其它

其它还有各种常见的控件，⽐如翻页控件、滚动条等。

10.1翻页控件

（1）样式

（2）属性：

翻页控件实际上就是⼀组实现翻页功能的控件组合。⼀般可以分为“⾸页”、“尾页”、“上⼀页”、“下⼀页”、数

字页（即点击该数字就翻到第⼏页）按钮，通常还会带有页码的数字⽂本输⼊框和“确定”按钮组合实现快速翻页。

数字页按钮除了点击翻页的功能，按钮的选中状态还能显⽰出当前所在页的页码。⽽⽂本框通常⽀持“Enter”快捷

键，⼀般不⽀持全⾓数字输⼊。

（3）功能：

将⼀个⼤的页⾯分成两个或以上的页⾯，并在页⾯之间便捷地相互跳转。

（4）测试点：

1.翻页控件的整体风格样式是否美观统⼀，符合需求

2.在⾮⾸页页⾯，点击“⾸页”（或代表⾸页的图标按钮），是否跳转到第⼀页，且数字“1”变为选中状态

3.在⾮末页页⾯，点击“尾页”（或代表末页的图标按钮），是否跳转到最后⼀页，且最后⼀位数字变为选中状态

4.随机点击数字页，是否跳转正确，且相应的数字变为选中状态

5.在⾮⾸页点击“上⼀页”（或代表上⼀页的图标按钮），是否跳转到上⼀页

6.在⾸页点击“上⼀页”，是否按钮置灰不能点击或者不跳转或者给出正确的错误提⽰

7.在⾮末页点击“下⼀页”（或代表下⼀页的图标按钮），是否跳转到下⼀页

8.在末页点击“下⼀页”，是否按钮置灰不能点击或者不跳转或者给出正确的错误提⽰

9.当页码过多时，分别点击靠前、中间、靠后的页码，“...”省略号和数字页按钮的位置是否正确合理

⽰例：

10.页码输⼊⽂本框输⼊任意页数范围内的有效数字，点击“确定”是否正确跳转页⾯

11.页码输⼊⽂本框输⼊0、超过总页数的数字、负数、特殊字符、中英⽂、全⾓字符，点击“确定”是否不跳转或者给

出正确的错误提⽰或者不允许输⼊

12.页码输⼊⽂本框输⼊空格（全半⾓、中英⽂状态），点击“确定”是否不跳转或者跳转到⾸页或者不允许输⼊

13.页码输⼊⽂本框输⼊的数字含有空格（前中后、全半⾓、中英⽂状态）

14.页码输⼊⽂本框输⼊有效数字，敲“Enter”是否可以正确跳转

15.如果没有“⾸页”和“尾页”按钮，数字“1”和总页数数字是否常显

16.关于总页数的⽂字信息是否正确

17.当页⾯较长、翻页控件在页⾯底部时，点击页码，是否跳转到相应页⾯顶部

10.2滚动条

（1）样式：

（2）属性：

滚动条由滚动滑块和滚动箭头组成，是⼀种图形⽤户界⾯控件。控制滚动条移动的⽅式有⽤⿏标滚轮控制，⽤键盘控

制，⽤⿏标拖动滑块或点击滚动箭头控制。页⾯的位置随着滚动滑块的移动⽽移动。滚动滑块的长度可以随页⾯长度⾃动调

整。

（3）功能：

当页⾯较长时，实现跨页浏览。

（4）测试点：

1.滚动条的滚动滑块和滚动箭头的样式风格是否美观统⼀，是否与滚动框相匹配

2.滑动⿏标滚轮、⿏标拖动滑块是否正确滚动页⾯且快速流畅

3.光标定位在整个页⾯，敲键盘上下键和⿏标点击上下滚动箭头，页⾯滚动的幅度和速度是否合适

4.长按键盘上下键和上下滚动箭头，页⾯是否均匀连续滚动。

5.是否有右键菜单，菜单中选项的功能是否实现

6.滚动条是固定在页⾯还是当页⾯过长时才出现

7.滚动滑块的长度是否随着页⾯长度⾃适应，是否符合页⾯位置和长度的百分⽐