老师，帮我看看，我的代码对吗？
来源：3-8 编程练习
郭永青
2020-04-13 18:04:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
div{
float: left;
}
span{
display: none;
}
</style>
</head>
<body>
<div>
姓名：<input type="text">
</div>
<div>
<span> 请输入您的姓名</span>
</div>
<script type="text/javascript">
// 补充代码
var input=document.getElementsByTagName("input")[0];
var span=document.getElementsByTagName("span")[0];
input.onfocus=abc;
function abc(){
span.style.display="block";
}
input.onblur=aab;
function aab(){
input.className="red";
span.style.display="block";
span.innerHTML=" 用户名不能为空"
}
</script>
</body>
</html>
有时候效果是对的，不过感觉代码总是缺少什么
1回答
-
同学你好，代码实现的是有点问题的，修改参考：
祝学习愉快~
0
相似问题