《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.2 E:enabled伪类选择器与E:disabled伪类选择器...
19.4.2 E:enabled偽類選擇器與E:disabled偽類選擇器
q E:enabled偽類選擇器用來指定當元素處于可用狀態時的樣式。
q E:disabled偽類選擇器用來指定當元素處于不可用狀態時的樣式。
當一個表單中的元素經常在可用狀態與不可用狀態之間進行切換時,通常會將E: disabled偽類選擇器與E:enabled偽類選擇器結合使用,用E:disabled偽類選擇器來設置該元素處于不可用狀態時的樣式,用E: enabled偽類選擇器來設置該元素處于可用狀態時的樣式。
代碼清單19-19中給出了一個將E:disabled偽類選擇器與E:enabled偽類選擇器結合使用的示例,在該示例中有兩個radio單選框與一個文本框,在JavaScript腳本中編寫代碼,當用戶選中其中一個radio單選框時,文本框變為可用狀態,選中另一個radio單選框時,文本框變為不可用狀態。通過結合使用E: disabled偽類選擇器與E:enabled偽類選擇器,讓文本框處于不同的狀態時分別使用不同的樣式。
這段代碼的運行結果可分為如下兩種情況:
q 文本框處于可用狀態時的頁面顯示如圖19-28所示(背景色為黃色)。
q 文本框處于不可用狀態時的頁面顯示如圖19-29所示。
總結
以上是生活随笔為你收集整理的《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.2 E:enabled伪类选择器与E:disabled伪类选择器...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qualcomm式创新融入中国 有何深层
- 下一篇: web前端-移动端HTML5微商城项目实