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

页面上有一个姓名输入框和一个密码输入框,当聚焦输入框时,输入框的背景颜色会发生改变,

新建一个 index3.html 文件,在其中写入以下内容。

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>
相关推荐
Aaaaaaaaaaayou7 分钟前
浅玩一下 Mobile Use
前端·llm
这个昵称也不能用吗?8 分钟前
react-native搭建开发环境过程记录
前端·react native·cocoapods
hy_花花8 分钟前
Vue3.4之defineModel的用法
前端·vue.js
DataFunTalk22 分钟前
Foundation Agent:深度赋能AI4DATA
前端·后端·算法
hboot24 分钟前
rust 全栈应用框架dioxus
前端·rust·全栈
我是仙女你信不信29 分钟前
生成pdf并下载
前端·javascript·vue.js
少糖研究所29 分钟前
记一次Web Worker的使用
前端·性能优化
乔乔不姓乔呀32 分钟前
pc 和大屏如何适配
前端
speedoooo42 分钟前
新晋前端框架技术:小程序容器与SuperApp构建
前端·小程序·前端框架·web app
vvilkim1 小时前
React 组件类型详解:类组件 vs. 函数组件
前端·javascript·react.js