老师代码有问题吗？改变输入框后面的文字用text和html都可以实现效果两个有区别吗
来源：4-3 编程练习
慕无忌5312346
2019-05-24 12:52:54
<!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>
$('input').focus(function(){
$('span').text('请输入用户名');
});
$('input').blur(function(){
if($(this).val()==''){
$('span').text("用户名不能为空！");
$(this).css({'border':'1px solid red'});
}else{
$(this).css({'border':'2px solid green'});
$('span').text('');
}
})
</script>
</body>
</html>
1回答
-
同学你好，如下图所示， 当获得焦点的时候，应该要把红色边框清除。
建议修改：
HTMl和text都可添加文字内容， 区别是HTML方法可以解析html标签。 示例：
效果图：
同学可以结合示例， 自己下去练习一下， 加深理解哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题