老师 帮我看看代码，
来源：3-8 编程练习
白中白盖中盖
2019-06-04 23:35:03
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
span{
display:none;
}
</style>
</head>
<body>
姓名：<input type="text" id="input">
<span></span>
<script type="text/javascript">
// 补充代码
var input=document.getElementById("input");
var span=document.getElementsByTagName("span")[0];
input.onfocus=function(){
var inputval=input.value;
if(inputval==""){
span.style.display="inline";
span.innerHTML="请输入您的姓名";
}
else{
span.style.display="none";
}
}
input.onblur=function(){
var inputval=input.value;
if(inputval==""){
span.innerHTML="用户名不能为空";
input.className="red";
}
else{
span.style.display="none";
input.className="";
}
}
</script>
</body>
</html>
1回答
-
好帮手慕糖
2019-06-05
同学你好，如下，不需要显示的时候，不用隐藏哦，设置内容为空即可，不然隐藏了，但是没有显示，还是看不到提示内容哦。
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题