Label標簽 自動觸發onclick,點擊內部的Input


最近項目遇到了一個bug,點擊外層元素會直接觸發元素內部的input框。(外層元素用的是label包裹的)。找了很久才發現是label標簽造成的。

label定義和用法: 
label 標簽為 input 元素定義標注(標記)。 
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。 
label 標簽的 for 屬性應當與相關元素的 id 屬性相同。

 

label最好不要包裹表單控件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM