获取焦点改变输入框背景色
生活随笔
收集整理的這篇文章主要介紹了
获取焦点改变输入框背景色
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
當(dāng)輸入框獲取焦點(diǎn)時(shí)（鼠標(biāo)點(diǎn)到輸入框時(shí)）為紅色，失去焦點(diǎn)時(shí)還原（鼠標(biāo)未點(diǎn)輸入框內(nèi)）為白色。
效果圖演示
沒有獲取焦點(diǎn)
獲取焦點(diǎn)
代碼演示
<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title></title></head><header></header><script type="application/javascript">//當(dāng)輸入框獲取焦點(diǎn)時(shí)（鼠標(biāo)點(diǎn)到輸入框時(shí)）為紅色，失去焦點(diǎn)時(shí)還原（鼠標(biāo)未點(diǎn)輸入框內(nèi)）為白色function myFunction(x, color) {x.style.background = color;}</script></header><body>請輸入你的名字：<input type="text" onfocus=" myFunction(this,'red')" onblur="myFunction(this,'white')" /></body> </html>快去實(shí)現(xiàn)一下觀看效果吧！！！
總結(jié)
以上是生活随笔為你收集整理的获取焦点改变输入框背景色的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux下阻塞的系统调用,Linux下
- 下一篇： 网际风全推数据接口_智能风控系统设计与实