缺省色值：#1F85EC，其他状态以此色值为基础做透明度变化
置灰色值：#EEEEEE
缺省大小：12px
缺省色值：#FFFFFF #666666 #999999(置灰)
用户对事项进行选择和确认、提示等信息弹出对话框时：
【确定】：弹出提示信息对话框中，确定某种行为时使用； 快捷键：enter
【取消】：弹出提示信息对话框中，取消某种行为时使用； 快捷键：esc
用户对事项、流程进行回执、处理时：
【提交】：
【存为草稿】
【暂存待办】
1、一般情况下，按钮位置在整体录入区的下方，单独成行，居右显示
2、按钮为可用状态时，鼠标放到按钮上时，背景色发生改变；
3、按钮上要加TIPS功能，即对“按钮”的功能进行简易的说明：说明文字要简洁易懂
4、期望用户操作的按钮高亮展示
5、按钮不可用时为反显形式（置灰）
6、按钮文字应易懂，用词准确，摒弃没楞两可的字眼，要与同一界面上的其他按钮易于区分
7、同一功能或任务的元素集中放置，减少用户鼠标移动的距离，就近操作
8、按钮要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能，支持Enter、ESC键盘操作
9、根据文字大小自适应，文字最多8个字，超出部分使用“…”表示，英文以当前按钮长度做截取，超出部分“…”
1、页面中包含“确定”“取消”按钮时，“确定”在左，“取消”在右显示，确定高亮
2、页面中包含“确定”“XX”“取消”按钮时，三个按钮的位置依次：确定、XX、取消；
【确定】：弹出提示信息对话框中，确定某种行为时使用； 快捷键：enter
【取消】：弹出提示信息对话框中，取消某种行为时使用； 快捷键：esc
1、按钮风格高度一致，排序均匀；
2、按钮位置在整体录入区的下方，单独成行
3、在当前页面所处的区域的行居中显示；
4、按钮为可用状态时，鼠标放到按钮上时，背景色发生改变；
5、按钮上要加TIPS功能，即对“按钮”的功能进行简易的说明：说明文字要简洁易懂
6、按钮不可用时为反显形式（置灰），按钮可用时以正常状态显示
7、按钮中文字风格：
按钮中的文字居中显示，快捷键中的字母为大写字母，括号与字母均未半角形式：如,“确定（Y）”
8、按钮文字应易懂，用词准确，摒弃没楞两可的字眼，要与同一界面上的其他按钮易于区分：
9、完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离，就近操作
10、按钮要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能
11、按钮与文字的左右和上下的间距固定，根据文字大小自适应，文字最多5个字，超出部分使用“…”表示，英文支持汉子6各5字长度，超出部分“…”
12、按钮文字默认大小为14px
13、默认按钮要支持Enter操作，即按Enter后自动执行默认按钮对应操作，“取消”按钮支持ESC键的快捷操作；
按钮位置：
1、页面中包含“确定”“取消”按钮时，“确定”在左，“取消”在右显示
2、页面中包含“确定”“重置”“取消”按钮时，三个按钮的位置依次：确定、重置、取消；
3、页面中包含“查询”“重置”，按钮的位置依次：查询、重置；
${ctp:i18n('common.button.save.label')}
${ctp:i18n('common.button.modify.label')}
${ctp:i18n('common.button.condition.search.label')}
${ctp:i18n('common.button.ok.label')}
${ctp:i18n('common.button.cancel.label')}
${ctp:i18n('common.button.close.label')}
${ctp:i18n('common.button.reset.label')}
${ctp:i18n('common.button.submit.label')}
| 事件 | 描述 |
| 按钮可用不可用 |
<input type="button" id="mybtn" value="禁用/启用">
<div id="testRegion">
<a href="javascript:void(0)" class="common_button common_button_gray">按钮1</a><a href="javascript:void(0)"
class="common_button common_button_gray">按钮2</a> <input type="text" class="comp"
comp="type:'calendar',ifFormat:'%m-%Y-%d'"> <input type="checkbox"><input type="radio">
</div>
|
*.特殊说明
按钮的id必须有，ctp通过id绑定了快捷键 "ENTER"：依次为[保存]、[确定]、[提交]、[查询]、[重置]、[修改] "ESC":依次为[取消]、[关闭]
一个页面中按钮的id不能重复，默认是绑定的第一个，如果重复可以把不需要绑定的id删除