请问老师为什么如果页面不刷新，为什么第二次开始输入框获得焦点时文字提示不出现呢？
来源：3-8 编程练习
慕用6162739
2019-07-17 14:22:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
.fd{display:none;}
</style>
</head>
<body>
姓名：<input type="text" id="name">
<span class="fd" id="fd">请输入您的姓名</span>
<script type="text/javascript">
// 补充代码
window.onload=function(){
var name=document.getElementById('name'),
fd=document.getElementById('fd');
name.onfocus=function(){
fd.style.display="inline-block";
}
name.onblur=function(){
if(name.value!=""){
fd.innerHTML="";
name.className="";
}else{
fd.innerHTML="用户名不能为空";
fd.style.display="inline-block";
name.className="red";
}
}
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2019-07-17
同学你好，因为内容为空的时候已经有提示文字了，而聚焦的时候只是让提示文字显示出来，并没有改变文字内容，所以显示的还是原来的文字，可以手动修改。
还有再次聚焦的时候之前为空的红色边框还会存在，进行了覆盖，可以去掉，参考修改：
代码逻辑没有问题，可以重新测试下。
祝学习愉快！望采纳~
0
相似问题