JavaScript 的html标签 <label for=""> 怎么用? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

JavaScript 的html标签 <label for=""> 怎么用?

杨冬芳 2016-06-22 15:24:26 1708

我学这个,做个了实验,怎么不管用?
我点了"点我试试",没有发生任何事,怎么改?

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 实验-14</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

    <style>

        .a
        {
            width: 200px ;
            height: 200px ;  
            background-color:#999999;         
        }


    </style>
</head>

<body>

    <div class="a" id="one"></div>

    <div class="a" id="two"></div>

    <label for="one">点我试试!!</label>

    <script>

        $("#one").on("mouseenter",fff)
        $("#one").on("mouseleave",ggg)


        function fff(){
            $("#two").css("background-color","red");
        }


        function ggg(){
            $("#two").css("background-color","#999999");
        }

    </script>

</body>
</html>
前端开发 JavaScript
分享到
取消 提交回答
全部回答(1)
  • 西秦说云
    2019-07-17 19:45:38

    label标签就HTML语义来说,应当是input, select, textarea的标签。
    因此,for=""中填的应当是相关的input, select, textarea的id。
    从实际效果来看,如果for=""填写正确,点击label能够自动聚焦在相关的input, select或textarea上。

    尤其在checkbox和radio box上,无论桌面端和移动端都能够有效的提高用户体验。
    事实上,如果注意一些大型网站,这些细节都没有得到足够的重视。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程