火狐下label包裹两个表单元素bug
习惯写表单时在表单元素外加<label>标签包裹住,但发现在火狐下包裹两个表单元素,当鼠标指向点击第二个时,是第一个聚焦。
查了下,label的用法。
定义和用法
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
原来如此。所以火狐就会给它跳到第一个元素里去了。所以如果要包裹两个表单元素,就不要用label了