火狐下label包裹两个表单元素bug

习惯写表单时在表单元素外加<label>标签包裹住,但发现在火狐下包裹两个表单元素,当鼠标指向点击第二个时,是第一个聚焦。

查了下,label的用法。

定义和用法

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

原来如此。所以火狐就会给它跳到第一个元素里去了。所以如果要包裹两个表单元素,就不要用label了

原文地址:https://www.cnblogs.com/ihqn19/p/2780982.html