3-8 老师 怎么显示不了呐
来源：3-8 编程练习
anan_123
2019-09-27 18:53:14
<!DOCTYPE html>
<html>
<head lang="en">
<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 inp=document.getElementsByTagName("input")[0]
spa=document.getElementsByTagName("span")[0];
inp.onfocus=function(){
var input=this.value;
if (input.length==0) {
spa.innerHtml="请输入您的姓名"
}
}
inp.onblur=function(){
var span=this.value;
if (span.length==0) {
spa.innerHtml="用户名不能为空"
this.className="red";
}else{
spa.innerHtml=""
}
}
</script>
</body>
</html>
2回答
-
好帮手慕码
2019-09-27
同学你好！
1.innerHTML后的html应该是大写；2.当聚焦没有输入失焦在聚焦，边框重合；
3.当失焦有内容的时候，需要去掉边框颜色；建议修改如下：
同学可以再测试一下。
如果帮助到了你，欢迎采纳，祝学习愉快~
1h019-09-27 -
好帮手慕码
2019-09-27
同学你好！
你可以再看一下回复一种的第二条哟，因为聚焦没有输入内容失焦再聚焦后边框重合了：
所以聚焦这时候需要先清空类名：
而不是域名哦。
如果帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题