请老师检查一下谢谢

来源: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回答

好帮手慕星星

2022-08-25

同学你好,代码问题如下:

1、预留代码中给了red类

https://img.mukewang.com/climg/6306d43209eb34f306150358.jpg

可以直接使用此类设置样式,不输入内容改变的是input边框颜色,不是字体颜色哦。

2、不输入内容失焦,再聚焦的时候提示信息颜色应该是黑色的,所以需要去掉样式

https://img.mukewang.com/climg/6306d45b09e5c54605380058.jpg

参考修改:

https://img.mukewang.com/climg/6306d50509dd0d0507130791.jpg

祝学习愉快!

0

前端工程师

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

20327 学习 · 17877 问题

查看课程