文章目录

• • 问题
  • 结论
  • 更多

    问题

    HTML标签： label 的属性 for 还是 htmlFor？

    MDN文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

    结论

    1. for 和 htmlFor 都可以使用，都是对的。
    2. 在部分情况中，只能用 htmlFor（因为可能会和 react等javascript框架中的关键字for起冲突，这时候用 htmlFor 即可）。

    更多

    • label 标签的作用：和以下标签关联起来，添加一个文本标记：

      , , ,

      , , and . <p><a class="view-image" href="https://img-blog.csdnimg.cn/direct/e45ac674f4bd44ad9b697a0086160cd4.png" data-fancybox="gallery" title="HTML标签 label for 还是 htmlFor"><img class="ue-image" src="https://img-blog.csdnimg.cn/direct/e45ac674f4bd44ad9b697a0086160cd4.png" alt="HTML标签 label for 还是 htmlFor"></a></p> <ul><li>htmlFor <blockquote> <p>Note: To programmatically set the for attribute, use htmlFor.</p><p>注意：为了更程序化地设置 <label> 标签的 for 属性，应该用 htmlFor 属性 (来替代)。</p> </blockquote> <p><a class="view-image" href="https://img-blog.csdnimg.cn/direct/e12edc9e6d504c8eaca4064fa07d33eb.png" data-fancybox="gallery" title="HTML标签 label for 还是 htmlFor"><img class="ue-image" src="https://img-blog.csdnimg.cn/direct/e12edc9e6d504c8eaca4064fa07d33eb.png" alt="HTML标签 label for 还是 htmlFor"></a></p> </div> </div> <div class="post-statement"> <p>转载请注明来自<a href="http://mnshijie.com/" title="码农世界"><strong>码农世界</strong></a>，本文标题：<a href="http://mnshijie.com/post/36920.html" title="HTML标签 label for 还是 htmlFor">《HTML标签 label for 还是 htmlFor》</a></p> </div> <div class="post-share"> 百度分享代码，如果开启HTTPS请参考李洋个人博客 </div> <div id="authorarea"> <div class="authorinfo"> <div class="author-avater"><img alt="" src="http://mnshijie.com/zb_users/avatar/0.png" class="avatar avatar-50 photo" height="50" width="50"></div> <div class="author-des"> <div class="author-meta"> <span class="post-author-name"><a href="http://mnshijie.com/author-1.html" title="由码农世界发布" rel="author">码农世界</a></span> <span class="post-author-tatus"><a href="http://mnshijie.com/author-1.html" target="_blank">37815篇文章</a></span> <span class="post-author-url"><a href="http://mnshijie.com/" rel="nofollow" target="_blank">站点</a></span> <span class="post-author-weibo"><a href="" rel="nofollow" target="_blank">微博</a></span> </div> <div class="author-description">每一天，每一秒，你所做的决定都会改变你的人生！</div> </div> </div> </div> </div> <div id="related"> <div class="related-title">阅读最新文章</div> <ul class="related_img"> <li><a href="http://mnshijie.com/post/37889.html" title="详细阅读 Visual Studio 连接 MySQL 数据库 实现数据库的读写（C++）" target="_blank"><img src="http://mnshijie.com/zb_users/theme/viewlee/style/noimg/5.jpg" alt="Visual Studio 连接 MySQL 数据库 实现数据库的读写（C++）" class="thumbnail"><h2>Visual Studio 连接 MySQL 数据库 实现数据库的读写（C++）</h2></a></li> <li><a href="http://mnshijie.com/post/37888.html" title="详细阅读 [工业自动化-1]：PLC架构与工作原理" target="_blank"><img src="https://img-blog.csdnimg.cn/ce10a1471ed14382bc58364cf8bd5209.png" alt="[工业自动化-1]：PLC架构与工作原理" class="thumbnail"><h2>[工业自动化-1]：PLC架构与工作原理</h2></a></li> <li><a href="http://mnshijie.com/post/37887.html" title="详细阅读 网络编程（六）TCP并发服务器" target="_blank"><img src="http://mnshijie.com/zb_users/theme/viewlee/style/noimg/3.jpg" alt="网络编程（六）TCP并发服务器" class="thumbnail"><h2>网络编程（六）TCP并发服务器</h2></a></li> <li><a href="http://mnshijie.com/post/37886.html" title="详细阅读 Vue3、Element Plus使用v-for循环el-form表单进行校验" target="_blank"><img src="https://img-blog.csdnimg.cn/direct/34ca8f49a9834f19aa1f2386f3777de3.png" alt="Vue3、Element Plus使用v-for循环el-form表单进行校验" class="thumbnail"><h2>Vue3、Element Plus使用v-for循环el-form表单进行校验</h2></a></li> <li><a href="http://mnshijie.com/post/37885.html" title="详细阅读 Ceph: vdbench 测试ceph存储rbd块设备" target="_blank"><img src="https://img-blog.csdnimg.cn/direct/77c62498365d4c81ae16700a08435706.jpeg" alt="Ceph: vdbench 测试ceph存储rbd块设备" class="thumbnail"><h2>Ceph: vdbench 测试ceph存储rbd块设备</h2></a></li> <li><a href="http://mnshijie.com/post/37884.html" title="详细阅读 linux如何部署前端项目和安装nginx" target="_blank"><img src="https://img-blog.csdnimg.cn/direct/0a2ab1658eac426c88c651326cc1fb77.jpeg" alt="linux如何部署前端项目和安装nginx" class="thumbnail"><h2>linux如何部署前端项目和安装nginx</h2></a></li> <li><a href="http://mnshijie.com/post/37883.html" title="详细阅读 Windows OpenVPN的安装之服务器自动启动连接" target="_blank"><img src="http://mnshijie.com/zb_users/theme/viewlee/style/noimg/5.jpg" alt="Windows OpenVPN的安装之服务器自动启动连接" class="thumbnail"><h2>Windows OpenVPN的安装之服务器自动启动连接</h2></a></li> <li><a href="http://mnshijie.com/post/37882.html" title="详细阅读 服务器数据恢复—KVM虚拟机被误删除如何恢复虚拟磁盘文件？" target="_blank"><img src="https://img-blog.csdnimg.cn/direct/f6ab95f8ca66474c9f65036b6513a849.jpeg" alt="服务器数据恢复—KVM虚拟机被误删除如何恢复虚拟磁盘文件？" class="thumbnail"><h2>服务器数据恢复—KVM虚拟机被误删除如何恢复虚拟磁盘文件？</h2></a></li> </ul> </div><div id="comments" class="clearfix"> <!--评论框--> <div id="comt-respond" class="commentpost"> <h4><i class="fa fa-pencil"></i>发表评论<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4> <form id="frmSumbit" target="_self" method="post" action="http://mnshijie.com/zb_system/cmd.php?act=cmt&postid=36920&key=c156da95a5a86753953755d1adcff956" > <input type="hidden" name="inpId" id="inpId" value="36920" /> <input type="hidden" name="inpRevID" id="inpRevID" value="0" /> <div class="comt-box"> <div class="form-group liuyan form-name"><input type="text" id="inpName" name="inpName" class="text" value="" placeholder="昵称" size="28" tabindex="1" /></div> <div class="form-group liuyan form-email"><input type="text" id="inpEmail" name="inpEmail" class="text" value="" placeholder="邮箱" size="28" tabindex="2" /></div> <div class="form-group liuyan form-www"><input type="text" id="inpHomePage" name="inpHomePage" class="text" value="" placeholder="网址" size="28" tabindex="3" /></div></div> <div id="comment-tools"><!--verify--> <div class="tools_title"> <span class="com-title">快捷回复：</span> <a title="粗体字" onmousedown="InsertText(objActive,ReplaceText(objActive,'[B]','[/B]'),true);"><i class="fa fa-bold"></i></a> <a title="斜体字" onmousedown="InsertText(objActive,ReplaceText(objActive,'[I]','[/I]'),true);"><i class="fa fa-italic"></i></a> <a title="下划线" onmousedown="InsertText(objActive,ReplaceText(objActive,'[U]','[/U]'),true);"><i class="fa fa-underline"></i></a> <a title="删除线" onmousedown="InsertText(objActive,ReplaceText(objActive,'[S]','[/S]'),true);"><i class="fa fa-strikethrough"></i></a> <a href="javascript:addNumber('文章不错,写的很好！')" title="文章不错,写的很好！"><i class="fa fa-thumbs-o-up"></i></a> <a href="javascript:addNumber('emmmmm。。看不懂怎么破？')" title="emmmmm。。看不懂怎么破？"><i class="fa fa-thumbs-o-down"></i></a> <a href="javascript:addNumber('赞、狂赞、超赞、不得不赞、史上最赞！')" title="赞、狂赞、超赞、不得不赞、史上最赞！"><i class="fa fa-heart"></i></a> </div> <div class="tools_text"> <textarea placeholder="请遵守相关法律与法规，文明评论。O(∩_∩)O~~" name="txaArticle" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5">