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".
~~~