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

开发者社区> 问答> 正文

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

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

<!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>

展开
收起
杨冬芳 2016-06-22 15:24:26 2587 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

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

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

    2019-07-17 19:45:38
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
在 IoT 设备进行 JavaScript 开发的探索之路
立即下载
JavaScript 语言在引擎级别的执行过程
立即下载
天猫HTML5互动技术实践
立即下载