当输入框获取焦点时(鼠标点到输入框时)为红色,失去焦点时还原(鼠标未点输入框内)为白色。
效果图演示
没有获取焦点
获取焦点
代码演示
<!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>
快去实现一下观看效果吧!!!