1、这里我们选取百度pc端设置页面进行元件分析,看看设置页中到底用到了什么元件。
下图展示的为鼠标移入“设置”后页面的一部分的截图。分析这一部分可以知道,红色框出部分为“文本标签”,粉色框出部分为“垂直菜单”。

2、点击垂直菜单里的“搜索设置”后,得到的页面为上图。这一部分红色框处部分为“矩形”,粉色框出部分为“文本标签”或“矩形”,蓝色框出部分为“单选按钮”,绿色框出部分为“下拉列表框”,紫红色框出部分为“水平线”。

3、下图为点击垂直菜单中的“高级搜索”得到的页面。与“搜索设置”页不同的是有需要用户输入的内容,这一部分则由“文本框”和“矩形”共同组成。
