老师检查下

老师检查下

<!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(){       $("span").text("");       if ($(this).val()==""){           $('span').html('用户名不能为空');           $(this).css({"border-color":"red"});       }   })    </script></body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是输入框默认边框样式为inset导致的,可以换为solid试试:

http://img1.sycdn.imooc.com//climg/5e0ed4b5094e79ef03320087.jpg

http://img1.sycdn.imooc.com//climg/5e0ed4c509252bfc01980040.jpg

这个边框样式不改也可以,知道怎么用css方法设置样式就好。

祝学习愉快!

好帮手慕星星 2020-01-03 10:08:26

同学你好,代码中有两个问题:

1、不输入内容失去焦点,再次聚焦的时候边框颜色重叠了:

http://img1.sycdn.imooc.com//climg/5e0ea16209e1620d03030045.jpg

可以在每次聚焦的时候清除之前的样式。

2、不论是第几次输入内容边框没有变为绿色:

http://img1.sycdn.imooc.com//climg/5e0ea19b0918e6cf02140040.jpg

http://img1.sycdn.imooc.com//climg/5e0ea1a30916ff8b02170054.jpg

参考修改:

http://img1.sycdn.imooc.com//climg/5e0ea21309600d1a05240551.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 一拍 #1
    为什么看颜色边框好像还蒙了层黑色,颜色是暗红跟暗绿
    2020-01-03 12:41:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师