输入姓名提示为什么不会消失？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.a{
#q{
display: none;
}
.b{
border: 1px solid red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var inp=document.getElementsByTagName('input')[0],
q=document.getElementById('q');
inp.onfocus=function(){
var s=this.value;
if(s==''){
q.style.display='block';
}
}
inp.onblur=function(){
var ss=this.value;
if (ss=='') {
q.innerHTML='用户名不能为空';
this.className='b';
}
}
}
</script>
</head>
<body>
<div class="a">
姓名：<input type="text" id="inp">
</div>
<div class="a" id="q">请输入您的姓名</div>
</body>
</html>
9
收起
正在回答 回答被采纳积分+1
1回答
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星