请老师检查一下谢谢
来源:4-11 编程练习
闪电打雷躲树下
2022-08-24 23:03:35
<body>
姓名:<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
var input=document.querySelector('input');
var span=document.querySelector('span');
input.onfocus=function(){
if(this.value==''){
span.innerHTML='请输入您的姓名';
}
}
input.onblur=function(){
if(this.value==''){
span.innerHTML='用户名不能为空';
span.style.color='red';
}else{
span.innerHTML='';
span.style.color='';
}
}
</script>
</body>1回答
同学你好,代码问题如下:
1、预留代码中给了red类

可以直接使用此类设置样式,不输入内容改变的是input边框颜色,不是字体颜色哦。
2、不输入内容失焦,再聚焦的时候提示信息颜色应该是黑色的,所以需要去掉样式

参考修改:

祝学习愉快!
相似问题