欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

获取焦点改变输入框背景色

发布时间：2025/3/12 编程问答 43 豆豆
生活随笔 收集整理的这篇文章主要介绍了 获取焦点改变输入框背景色 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

当输入框获取焦点时（鼠标点到输入框时）为红色，失去焦点时还原（鼠标未点输入框内）为白色。

效果图演示

没有获取焦点

获取焦点

代码演示

<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title></title></head><header></header><script type="application/javascript">//当输入框获取焦点时（鼠标点到输入框时）为红色，失去焦点时还原（鼠标未点输入框内）为白色function myFunction(x, color) {x.style.background = color;}</script></header><body>请输入你的名字：<input type="text" onfocus=" myFunction(this,'red')" onblur="myFunction(this,'white')" /></body> </html>

快去实现一下观看效果吧！！！

总结

以上是生活随笔为你收集整理的获取焦点改变输入框背景色的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。