为什么提示总是显示？
<!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 t=document.getElementsByTagName('input')[0];
var s=document.getElementsByTagName('span')[0];
t.onfocus=function(){
if(t.innerHTML==""){
s.innerHTML='请输入您的姓名';
}
}
t.onblur=function(){
if(t.innerHTML==""){
s.innerHTML='用户名不能为空';
t.className='red';
}else{
s.innerHTML="";
t.removeAttribute('class');
}
}
</script>
</body>
</html>
15
收起
正在回答
2回答
同学你好，代码优化如下：
1、input标签中的值是通过value属性获取的，并不是innerHTML属性
2、可以在聚焦的时候清除原有的样式，避免重叠
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
相似问题
为什么“请在此处介绍自己”的提示显示不出来
0
0
3
为什么显示我设置的东西？
18
0
7
placeholder简短提示显示不出来
43
1
4
为什么总是提示错误
2
0
9
为什么不显示呀？
5
0
3
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星