Web控件原理控件模式.pptx

Web控件原理;为什么要使用控件？(Pattern Control);Button 用途: 可以接收指令的控件。通常可接收用户点击、键盘操作、触屏笔点击等指令。后台程序则按照指令给出对应的反馈例如页面跳转，状态变化等 要在样式上明显区分 主要和次要 的操作。最希望用户点击的按钮为主要按钮，例如蓝色。;按钮位置;单行文本输入框 用途:接收使用者输入的信息，需要设计五种状态样式。;多行文本输入框 用途:接收使用者输入较多内容。;自动匹配搜索框 用途:特点是不提供搜索按钮，可以实时匹配并自动展开匹配的项目。 需要设计下拉列表中最多展示几个项目。;单选下拉列表 用途:用户在有限的数据集范围内单选一条数据时，使用单选下拉列表。注意: 没有选择时Select one，有默认值时None，下拉列表内容过多需要提供搜索功能。;Radio Button 单选按钮 用途:用它来让使用者从固定几个选项中选择其中一个. 在选项的数目固定，页面空间允许的条件下，可以考虑使用Radio button。例如性别的选择。 样式：边框颜色，黑点颜色，大小，建议使用原生样式(左图);使用下拉列表展示更多内容。 根据选中的选项显示对应的元件。缺点是容易造成页面串动。;就近显示 缩进展示层级关系;Spinner(调节器) 用途:允许使用者输入数字或者通过鼠标点击上下箭头微调输入的数字。 需要设计调节器按钮样式，箭头或+-