老师，请问我的哪里有问题不显示
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
.tips{
display:none
}
.blank{
margin-right:10px;
}
</style>
</head>
<body>
<span class="blank"> 姓名：<input id= "nameblanks" type="text" > </span>
<div id="tip" class="tips">请输入您的姓名</div>
<script type="text/javascript">
// 补充代码
var nameblank=document.getElementById("nameblanks");
//document.write("<br/>"+nameblank)
var tip=document.getElementById("tip");
//document.write("<br/>"+tip)
nameblank.onfocus=function(){
tip.style.display='inline-block'
}
nameblank.onblur=function(){
//输入框的value值
//判断输入框是否为空
if(this.value==""){
tip.innerHTML='用户名不能为空'
nameblank.styleName='red'
tip.style.display='inline-block'
}
else{
tip.styleName='tips';
}
}
</script>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星