html - 哪种才是正确写法

问题描述

问 题

<label for="box"> <span>点我</span> </label>
<input id="box" type="checkbox">

<label for="box"> 
    <span>点我</span>
    <input id="box" type="checkbox"> 
</label>

把checkbox设置display: none;的话 感觉没有区别

解决方案

第一种写法是正确的，第二种也没错。
label的作用是当你鼠标选择label里的内容的时候，自动帮你将焦点转移到关联的表单上。
因此如果你把关联的表单写到label内部的时候，会造成二次触发。
首先，label替你触发一次，然而checkbox本身也会触发。

这篇关于html - 哪种才是正确写法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！