<script>
function onf(x){ //这里的x就是接受DOM中的对象(其实就是下面代码中的this)
if(x.value=='123'){ //x为DOM对象,就可以像处理对象的方式一样里的属性
x.style.background='red'; //设定这个对象的样式
document.getElementById('test').value=''; //查找DOM中的元素,并对其中的value进行赋值
}
}
//同上
function onb(x){
if(x.value==''){
x.style.background='green';
document.getElementById('test').value='123';
}
}
</script>
<input id='test' value='123' onfocus='onf(this)' onblur='onb(this)'> <!--this是将该对象传给onf或onb函数 -->
注:onfocus与onblur两个不懂的可以自行百度
效果
初始状态
鼠标点击的状态
鼠标离开(什么也不输入的)状态