最近項目遇到了一個bug,點擊外層元素會直接觸發元素內部的input框。(外層元素用的是label包裹的)。找了很久才發現是label標簽造成的。
label定義和用法:
label 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
label 標簽的 for 屬性應當與相關元素的 id 屬性相同。
label最好不要包裹表單控件。