label标签的作用—— for
简单举个栗子
男<input type="radio" name="sex" id="male"/>
女<input type="radio" name="sex" id="female"/>
运行如下，当我们点击任意一个小圆点，就会有选中效果
但我们可以看到，想要通过点击文字选中是不行的
于是像下面这样，我们在文字上添加 label 标签，并用 for 来绑定相应的 input 标签中的 id
例如下面的 for=“male” 中的 male 对应 input 标签中的 id = “male”
<label for="male">男</label><input type="radio" name="sex" id="male"/>
<label for="female">女</label><input type="radio" name="sex" id="female"/>
这样一来，就可以通过文字选中单选框，对于鼠标点击的用户更加便捷，增强用户体验感
标签：标签,label,点击,选中,male,id,作用 来源： https://blog.csdn.net/bubbleSweet/article/details/116563294
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。