老师请检查
来源：3-8 编程练习
kekeke_
2022-03-25 16:18:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
</style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
var input=document.getElementsByTagName('input')[0];
var span=document.getElementsByTagName("span")[0];
input.onfocus=function(){
if (input.value=="") {
span.innerHTML="请输入您的姓名";
}
}
input.onblur=function(){
if (input.value=="") {
span.innerHTML="用户名不能为空";
this.className="red";
}
else{
span.innerHTML="";
input.className="";
}
}
</script>
</body>
</html>
1回答
-
好帮手慕小李
2022-03-25
同学你好，代码是可以实现效果的，但是有一点点可以优化一下，当获取焦点时如果搜索框中没有value，那么建议把input的className取消掉，要不然会出现双边框重合的问题（这里不算错，只是单纯的优化建议）。
优化建议如下：
同学自己试试，祝学习愉快！
0
