这怎么做啊？
来源：4-3 编程练习
美君思
2020-08-17 11:26:34
<!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(){
$('span').text('')
$(this).css({'border':'2px solid #0f0'})
})
})
</script>
</body>
</html>
写回答
1回答
-
好帮手慕慕子
2020-08-17
同学你好，可以参考如下思路调整：
1、输入框聚焦时，设置边框颜色为灰色
2、当输入框失焦时，通过判断输入框的内容调整边框样式和span标签中提示内容，当输入框为空时，设置提示信息为“用户名不能为空”，边框颜色设置为红色，否则设置提示信息为空，边框颜色设置为绿色。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题