老师请检查

来源:4-11 编程练习

Snakk

2021-10-11 13:47:51

var input=document.getElementsByTagName('input')[0];
var span=document.getElementsByTagName('span')[0];
input.onfocus=function(){
if(input.value.length == 0){
span.innerText="请输入您的姓名";
}
}
input.onblur=function(){
if(input.value.length == 0){
span.innerText="用户名不能为空";
this.className="red";
}else{
span.innerText="";
this.className="";
}
}
写回答

1回答

好帮手慕慕子

2021-10-11

同学你好,不输入任何内容,聚焦失焦后,再次聚焦,边框会变红(放大页面查看效果)。如下:

https://img.mukewang.com/climg/61512dd1090cd18213960179.jpg

建议:聚焦时,去掉输入框的red类名,设置className属性值为空即可,示例:

https://img.mukewang.com/climg/6163d3e409ef182e03930145.jpg

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程