htmllabel點擊事件js,htmllabel這個很多人還不知道,現(xiàn)在讓我們一起來看看吧!
(資料圖片僅供參考)
1、label標簽主要是方便鼠標點擊使用,增強用戶操作體驗。
2、新建html文件,在網(wǎng)頁中設(shè)置一個性別選項,這時當用戶點擊性別后面的小圓點才能選擇性別,由于小圓點區(qū)域比較小,想準確點擊比較麻煩,所有用戶體驗不好:2、為兩個選項分別設(shè)置“id”屬性,男性屬性值為“male”,女性屬性值為“female”:3、為“男”和“女”文字都添加上“l(fā)abel”標簽,標簽屬性“for”的屬性值分別為“male”和“female”,這時用戶點擊“男”和“女”文字時也會選中對應(yīng)的選項,提高了用戶體驗。
3、除了單選框之外,多選框、文本框等標簽也同樣可以用label標簽選中:可以使標簽內(nèi)的區(qū)域指向label標簽for屬性指代的對象的事件。
4、無label標簽: 文本有l(wèi)abel標簽:文本有l(wèi)abel標簽的這一段,點擊標簽中的文本,可使多選框聚焦。
5、用來顯示文字信息,可以固定也可以從數(shù)據(jù)庫中讀出信息綁定。
6、tabel定義和用法for 屬性規(guī)定 label 與哪個表單元素綁定。
7、實現(xiàn)點擊關(guān)聯(lián)字光標在關(guān)聯(lián)輸入框閃爍。
8、顯式的聯(lián)系:SNumber:隱式的聯(lián)系:Date: 第一個標記是以顯式形式將文本 "SNumber:" 和表單的社會安全號碼的文本輸入控件 ("SNum") 聯(lián)系起來,它的 for 屬性的值和控件的 id 一樣,都是 SSN。
9、第二個標記 ("Date:") 不需要 for 屬性,它的相關(guān)控件也不需要 id 屬性,它們是通過在 標簽中放入 標簽來隱式地連接起來的。
10、可以使標簽內(nèi)的區(qū)域指向label標簽for屬性指代的對象的事件。
11、無label標簽: 文本有l(wèi)abel標簽: 文本有l(wèi)abel標簽的這一段,點擊標簽中的文本,可使多選框聚焦。
本文到此分享完畢,希望對大家有所幫助。
關(guān)鍵詞: