当前位置: 首页 > article >正文

蓝桥杯Web应用开发-CSS3 新特性【练习二:获得焦点验证】

页面上有一个姓名输入框和一个密码输入框,当聚焦输入框时,输入框的背景颜色会发生改变,
新建一个 index3.html 文件,在其中写入以下内容。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      input:focus {
        background-color: rgb(255, 153, 0);
      }
    </style>
  </head>
  <body>
    姓名:<input type="text" /><br />
    密码:<input type="password" />
  </body>
</html>

在这里插入图片描述


http://www.kler.cn/a/231122.html

相关文章:

  • 【数据结构】链表OJ面试题5(题库+解析)
  • 【教程】Linux使用git自动备份和使用支持文件恢复的rm命令
  • 【Android-Compose】Material3 新版下拉刷新 PullRefresh
  • CoreSight学习笔记
  • 开源软件:技术创新与应用的推动力量
  • redis特点
  • 【PyTorch][chapter 15][李宏毅深度学习][Neighbor Embedding-LLE]
  • 博客|基于Springboot的个人博客系统设计与实现(源码+数据库+文档)
  • docker 容器指定主机网段
  • python-产品篇-游戏-象棋
  • EV1527协议应用
  • 国图公考:公务员面试资格复审需要准备什么?
  • C/C++ -容器map
  • LiveData 迁移到 Kotlin Flow详解
  • 红队打靶练习:HEALTHCARE: 1
  • K8s环境下rook-v1.13.3部署Ceph-v18.2.1集群
  • 李宏毅LLM——大模型+大资料的神奇力量
  • 一篇文章了解Python中的对象(狠狠爱住)
  • CSS太极动态图
  • 2024-02-07(Sqoop,Flume)