onfous and onblur的使用
•小作业
1707
0
时间:2018.11.16
类型:javascript
关键代码:
用户名:<input type="text" id="fname" onfocus="setStyle(1,this.id)" onblur="setStyle(2,this.id)">
<br>
密 码:<input type="text" id="lname" onfocus="setStyle(1,this.id)" onblur="setStyle(2,this.id)">
<script type="text/javascript">
function setStyle(a,id) {
if (a == 1) {
document.getElementById(id).style.background = "#f60";
}else if(a == 2) {
document.getElementById(id).style.background = "white";
}
}
</script>
!!!
<p>
<strong>实际效果:</strong>
</p>
<p>
用户名:<input type="text" id="fname" onfocus="setStyle(1,this.id)" onblur="setStyle(2,this.id)"/><br/>密 码:<input type="text" id="lname" onfocus="setStyle(1,this.id)" onblur="setStyle(2,this.id)"/>
</p><script type="text/javascript">function setStyle(a,id) {
if (a == 1) {
document.getElementById(id).style.background = "#f60";
}else if(a == 2) {
document.getElementById(id).style.background = "white";
}
}</script>