這篇文章給大家分享的是有關(guān)HTML中l(wèi)abel標(biāo)簽怎么用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
html的label是一種標(biāo)簽,用于為input元素定義標(biāo)注或標(biāo)記;label元素不會向用戶呈現(xiàn)任何特殊效果;不過它為鼠標(biāo)用戶改進(jìn)了可用性,如果用戶在label元素內(nèi)點擊文本,就會觸發(fā)此控件。
label定義和用法
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶選擇該標(biāo)簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
提示和注釋:
注釋:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。
屬性
new : HTML5 中的新屬性。
注:
所有主流瀏覽器都支持 <label> 標(biāo)簽。
Safari 2 或更早的版本不支持 <label> 標(biāo)簽。
實例
帶有兩個輸入字段和相關(guān)標(biāo)記的簡單 HTML 表單:
<html> <body> <p>請點擊文本標(biāo)記之一,就可以觸發(fā)相關(guān)控件:</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html>
運行效果:
感謝各位的閱讀!關(guān)于“HTML中l(wèi)abel標(biāo)簽怎么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當(dāng)前標(biāo)題:HTML中l(wèi)abel標(biāo)簽怎么用-創(chuàng)新互聯(lián)
分享路徑:http://www.rwnh.cn/article30/ppdso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)站設(shè)計、品牌網(wǎng)站設(shè)計、自適應(yīng)網(wǎng)站、網(wǎng)站改版、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容