请老师检查代码，谢谢
来源：4-11 编程练习
慕的地7233660
2022-04-21 13:42:04
姓名：
<input type="text" id="myinput"><span></span>
<script>
var myinput = document.getElementById('myinput')
var span = document.getElementsByTagName('span')[0]
myinput.onfocus = function () {
span.innerHTML = '请输入你的名字'
myinput.style.borderColor = 'blue'
}
myinput.onblur = function () {
if (myinput.value.length == 0) {
span.innerHTML = '用户名不能为空'
myinput.style.borderColor = 'red'
}
}
</script>写回答
1回答
-
好帮手慕慕子
2022-04-21
同学你好，输入姓名后，失去焦点，右侧依然有提示文字，如下：
建议修改：失焦事件中添加else语句，输入框中有内容时，设置span的内容为空，如下：
另外，有一个细节可以注意下：录制效果图中的输入内容时的蓝色边框效果，是浏览器默认的样式，可以通过css的outline:none;去除该默认样式，如下：
去掉之后就不需要再设置蓝色边框的，聚焦和输入内容失焦两种情况下，可以设置颜色为空，使用默认的边框颜色即可，如下：
祝学习愉快~
0
相似问题