请老师检查代码，我有点没想通，显示基本实现，但是在获得焦点时，我输入字符的同时提示词“请输入您的姓名”一直存在
来源：4-11 编程练习
叫我丽红
2021-06-15 16:30:31
<!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(this.value.length == 0){
span.innerText = "请输入您的姓名";
this.className ="";
}
}
// 输入框失去焦点
input.onblur = function(){
if(this.value.length == 0){
span.innerText = "用户名不能为空";
this.className ="red";
}else{
span.innerText = "";
this.className ="";
}
}
</script>
</body>
</html>
1回答
-
好帮手慕言
2021-06-15
同学你好，输入字符的时候，提示文字存在是符合效果的。测试同学提供的代码，效果是对的，祝学习愉快~
0
相似问题