behavior: button;按钮行为.
附加了此行为的元素会具有标准的按钮行为.
属性:
`value="caption" - 按钮标题文本`
状态:
~~~
:hover - 悬停
:active - 按下
:focus - 获得焦点
:disabled - 被禁用
behavior: clickable;
~~~
将元素变为可点击.
附加了此行为的元素才能在点击后触发程序的消息.
与 button行为的唯一不同是具有此行为的元素不会获得焦点.
状态:
~~~
:hover - 悬停
:active - 按下
:disabled - 被禁用
~~~
* * * * *
behavior: check;复选框行为.
属性:
~~~
checked - 初始选定状态. 取值范围: "true", "false", "undefined"(半选定状态).
mixed - 半选定状态.
~~~
状态:
~~~
:hover - 悬停
:active - 按下
:focus - 获得焦点
:disabled - 被禁用
~~~
使用中会出现比较复杂的复合状态, 例如:
`input[type="check"][mixed]:checked:disabled`
* * * * *
behavior: radio;单选框行为.
属性:
~~~
name="group" - 用于区分单选框组(必须)
value="0" - 对应选项的值
~~~
状态:
~~~
:hover - 悬停
:active - 按下
:focus - 获得焦点
:disabled - 被禁用
~~~
* * * * *
behavior: edit;文本输入框行为.
属性:
~~~
value=“text” - 初始文本.
size="20" - 元素的初始宽度.
maxlength="12" - 最大文本长度.
filter=“0~9” - 限制可输入的字符内容. 支持单个字符或字符范围.
o ”.@0~9a~zA~Z” - 允许输入所有字母和数字以及 . 和 @ 字符(email).
o “^.,-” - 允许输入除 . , - 之外的任意字符. ^ 作为排斥标记使用.
novalue=“please input” - 如果文本框为空, 则显示此属性指定的文本.
o 你可以通过 :empty 伪类来修改这个提示文本的样式.
~~~
状态:
~~~
:hover - 悬停
:focus - 获得焦点
:disabled - 被禁用
:empty - 内容为空
~~~
* * * * *
behavior: password;密码框输入行为.
属性和状态同 behavior: edit;
额外的属性:
`password-char=“#” - 指定密码提示字符为 #.`
* * * * *
behavior: select;下拉列表框行为.
内部结构同 HTML中的 `<select>`元素用法.
列表条目元素为 `<option>` 元素或具有 role="option" 属性的元素.
属性:
~~~
size="8" - 显示为多行选择列表框.
multiple - 允许多选
multiple="checks" - 允许多选, 且每个条目前显示复选框.
~~~
状态:
`option:current - 当前选定的条目.`
* * * * *
behavior: menu;菜单行为.
此行为定义了一个菜单元素.
此元素中包含的 `<li>` 元素和具有 role="menu-item" 属性的元素会被当作菜单项对待.
鼠标悬停的菜单项元素会被赋予 :current 状态.
菜单元素被调用时, 它的父元素会被设置为调用它的元素.
* * * * *
behavior: menu-bar;菜单栏行为.
此行为与菜单的唯一不同.
* * * * *
behavior: popup-menu;打开弹出菜单.
具有该行为的元素在点击后会打开子元素中的第一个 `<menu>` 或`<popup>`元素作为菜单. 如果有设置 menu 属性, 则打开其中css选择符对应的元素.
属性:
~~~
menu="#MENU_ID" - 指定要弹出的菜单元素. 取值为css选择符.
align-popup="top" - 指定弹出菜单的位置. "top", "left", "right", "bottom"(默认).
~~~
* * * * *
behavior: progress;进度条行为.
被绑定此行为的元素, 其前景图像会按比例拉伸,作为进度条绘制.
属性:
~~~
value="5.1" - 当前值. 可以是小数.
maxvalue="100" - 最大值. 可以是小数.
~~~
* * * * *
behavior: path;路径缩略显示行为.
将过长的路径显示为中间加省略号的缩略形式.
例如:
~~~
"\root\test\appp123456\assets\scripts\character\max.dat" 显示为:
"\root\test\appp123….\max.dat"
~~~
* * * * *
behavior: file-icon;文件图标显示行为.
如果没有指定大小. 此行为会提取最符合显示区域大小的图标显示.
属性:
~~~
filename="test.exe" - 获取指定可执行文件的图标
filename=".doc" - 获取指定扩展名的系统图标
filename="." - 文件夹图标
filename=".." - 驱动器图标
filename="\\" - 我的电脑图标
icon-size="small" - 图标大小. 可取值: "small", ”large”. 默认为 "small".
~~~
