请老师检查
来源：4-3 编程练习
qq_愿_26
2019-12-07 10:05:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value=""><span></span>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$(document).ready(function(){
$('input').focus(function(){
$('span').text("请输入用户名");
});
$('input').blur(function(){
$('input').css({'border-color':'red'});
$('span').text('用户不能为空');
});
})
</script>
</body>
</html>
写回答
1回答
-
好帮手慕码
2019-12-07
同学你好，代码中问题：
（1）当聚焦之后没有输入内容，失焦之后再聚焦，边框是红色和蓝色重叠的效果，如下：
建议:在聚焦时，改变输入框的边框颜色：
（2）当输入后失焦，应该是蓝色边框，且没有提示问题：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题