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伪类选择器...相关推荐

  1. HTML 5与CSS 3权威指南(第2版·上册)

    2019独角兽企业重金招聘Python工程师标准>>> HTML 5与CSS 3权威指南(第2版·上册) 本书全面系统地讲解了CSS 3相关的技术,以CSS 3的功能和模块结构开篇, ...

  2. 《HTML 5与CSS 3 权威指南(第3版·上册)》——1.2 HTML 5深受欢迎的理由

    本节书摘来自华章出版社<HTML 5与CSS 3 权威指南(第3版·上册)>一 书中的第1章,第1.2节,作者:陆凌牛,更多章节内容可以访问云栖社区"华章计算机"公众号 ...

  3. 新书推荐 |《HTML 5与CSS 3权威指南(第4版•上下册)》

    新书推荐 <HTML 5与CSS 3权威指南(第4版•上下册)> 长按二维码 了解及购买 本书是HTML 5与CSS 3领域公认的标杆之作,被读者誉为"系统学习HTML 5与CS ...

  4. python网络爬虫权威指南 百度云-分析《Python网络爬虫权威指南第2版》PDF及代码...

    对那些没有学过编程的人来说,计算机编程看着就像变魔术.如果编程是魔术(magic),那么网页抓取(Web scraping)就是巫术(wizardry),也就是运用"魔术"来实现精 ...

  5. JavaScript权威指南(第6版)

    JavaScript权威指南(第6版) 编辑推荐 经典权威的JavaScript工具书 本书是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手 ...

  6. mysql5权威指南_MySQL5权威指南(第3版)

    MySQL5权威指南(第3版)是一本非常权威的MySQL5数据库使用指南,由程序员科夫勒和杨晓云两人共同编著.本书内容丰富翔实,详细的介绍了MySQL 5.0,讨论了新的程序设计接口(如PHP 5里的 ...

  7. 《Cassandra权威指南》第二版书评及访谈

    \ 关键点 \ 了解关于Cassandra NoSQL数据库3.0版的功能: \ 如何安装和配置Cassandra数据库,包括集群管理: \ Cassandra数据库的数据模型(概念.逻辑和物理方面) ...

  8. [201504][Netty 权威指南][第2版][李林锋][著]

    [201504][Netty 权威指南][第2版][李林锋][著] https://github.com/wuyinxian124/nettybook2 基础篇 走进 Java NIO 第 1 章 J ...

  9. 翻译:《JavaScript 权威指南(第5版)》第一章(一)

    声明:翻译只有一个目的:学习用途.若有版权问题请及时联系本人. 本贴文根据篇幅将第一章的翻译分为两个部分,这是第一部分的内容. Chapter 1. Introduction to JavaScrip ...

  10. Android编程权威指南.第3版.pdf

    Android编程权威指南.第3版.pdf 分享给大家. 下载链接 转载于:https://blog.51cto.com/4456998/2360887

最新文章

  1. 算法也是颜值控,Twitter AI更青睐肤白貌美图
  2. R语言可视化分面图、多变量分组多水平t检验、可视化多变量分组多水平分面条形图(faceting bar plot)并添加显著性水平、在标签和绘图上边框之间添加15%的空格、添加抖动数据点
  3. 互联网协议 — D-IP(确定性的)网络架构
  4. 如何保证RabbitMQ消息队列的高可用?
  5. 关于 Kubernetes 规划的灵魂 n 问
  6. 用动画实现android app启动界面的渐变效果
  7. linux进程配置异常中断自动重启_Linux系统配置及服务管理 (四)进程管理
  8. oracle 删除重复记录
  9. 记一次MySQL存储过程和游标的使用
  10. 11 月全球 Web 服务器调查报告:nginx 表现最佳
  11. php file 扩展,php5.4.31安装php_fileinfo扩展和php_intl扩展
  12. 详解:离线项目二 每个区域下最受欢迎的产品TOPN
  13. 2021-09-02最小栈
  14. js实现农历时间代码
  15. 机器人 李永禄_第八届中国青少年机器人竞赛名单
  16. 商务参考体系结构:企业对消费者 (B2C)
  17. Docker 启动 MySQL 最佳实践
  18. Panda read_csv() 在anaconda中读入中文列时显示为乱码的问题
  19. 51单片机在Ubuntu和MacOS下程序开发和下载
  20. disconf原理解析

热门文章

  1. Spring集成MyBatis框架
  2. Java程序员从笨鸟到菜鸟之(七十八)细谈Spring(七)spring之JDBC访问数据库及配置详解
  3. 鸟哥的Linux私房菜(服务器)- 簡易 OpenWebMail 設定
  4. Coursera课程Python for everyone:Quiz: REST, JSON, and APIs
  5. 图像检索系统 Image Retrieval Systems
  6. 查看自己电脑可以支持的最大内存量
  7. 微软等数据结构+算法面试100题全部答案集锦
  8. python继承父类的调用
  9. stdio.h iostream.h iostream 三者
  10. maven 报错解决