获取焦点改变输入框背景色
生活随笔
收集整理的這篇文章主要介紹了
获取焦点改变输入框背景色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
當輸入框獲取焦點時(鼠標點到輸入框時)為紅色,失去焦點時還原(鼠標未點輸入框內)為白色。
效果圖演示
沒有獲取焦點
獲取焦點
代碼演示
<!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>快去實現一下觀看效果吧!!!
總結
以上是生活随笔為你收集整理的获取焦点改变输入框背景色的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux下阻塞的系统调用,Linux下
- 下一篇: 网际风全推数据接口_智能风控系统设计与实