新聞中心
這篇文章將為大家詳細(xì)講解有關(guān)HTML中l(wèi)abel有什么用,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
在表單布局中會(huì)遇到label標(biāo)簽的使用,其實(shí)label沒(méi)有任何樣式效果,有觸發(fā)對(duì)應(yīng)表單控件功能。比如當(dāng)我們點(diǎn)擊單選按鈕或多選框前文字對(duì)應(yīng)選項(xiàng)就能被選中,這個(gè)就是對(duì)文字加了
一、label標(biāo)簽怎么用
label標(biāo)簽為input元素定義標(biāo)注(標(biāo)記),它不會(huì)向用戶(hù)呈現(xiàn)任何特殊效果,和span標(biāo)簽類(lèi)似。但label標(biāo)簽和span標(biāo)簽大的區(qū)別就是它為鼠標(biāo)用戶(hù)改進(jìn)了可用性,可以關(guān)聯(lián)特定的表單控件。
label標(biāo)簽和特定表單控件關(guān)聯(lián)之后,如果用戶(hù)在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)關(guān)聯(lián)的表單控件。就是說(shuō),當(dāng)用戶(hù)選擇該label標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和label標(biāo)簽相關(guān)的表單控件上。點(diǎn)擊
二、label語(yǔ)法
Label標(biāo)簽內(nèi)文字更加需要填寫(xiě)
Label標(biāo)簽內(nèi)for屬性的值為自定義,一般與想實(shí)現(xiàn)點(diǎn)擊會(huì)觸發(fā)控件對(duì)象的ID對(duì)應(yīng)相同。
三、label實(shí)際運(yùn)用
HTML代碼片段如下:
注:input標(biāo)簽內(nèi)id的值與label標(biāo)簽內(nèi)for的值對(duì)應(yīng)。
看圖:
關(guān)于HTML中l(wèi)abel有什么用就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
網(wǎng)站題目:HTML中l(wèi)abel有什么用-創(chuàng)新互聯(lián)
當(dāng)前路徑:http://fisionsoft.com.cn/article/deijjc.html