老师检查一下，还有别的方法吗
来源：3-8 编程练习
慕九州8176055
2019-11-08 10:28:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
.tip{display: none;font-size: 14px;}
</style>
</head>
<body>
姓名：<input type="text" class="name"> <span class="tip">请输入您的姓名</span>
<script type="text/javascript">
// 补充代码
var input=document.getElementsByTagName("input")[0];
var tip=document.getElementsByTagName("span")[0];
input.onfocus=function(){
tip.style.display="block";
}
input.onblur=function(){
if (this.value=="") {
this.className="red";
tip.innerHTML="用户名不能为空";
}else{
this.className="";
this.innerHTML="";
tip.innerHTML="";
}
}
</script>
</body>
</html>
1回答
-
好帮手慕糖
2019-11-08
同学你好，代码中的问题如下：
1、这里后面的提示，应该是在同一行的，可以使用行内样式，例：
2、另一种方法的话，可以不设置显示隐藏，开始设置内容为空即可，然后通过改变内容来实现，例：
如果我的回答帮助到了你，欢迎采纳。
祝学习愉快！
0
相似问题