HTML中l(wèi)abel標(biāo)簽怎么用

發(fā)布時(shí)間：2021-02-25 12:51:08 來源：億速云閱讀：387 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)HTML中l(wèi)abel標(biāo)簽怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

html的label是一種標(biāo)簽，用于為input元素定義標(biāo)注或標(biāo)記；label元素不會(huì)向用戶呈現(xiàn)任何特殊效果；不過它為鼠標(biāo)用戶改進(jìn)了可用性，如果用戶在label元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。

label定義和用法

<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。

label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。

提示和注釋：

注釋："for" 屬性可把 label 綁定到另外一個(gè)元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。

屬性

new : HTML5 中的新屬性。

HTML中l(wèi)abel標(biāo)簽怎么用

注：

所有主流瀏覽器都支持 <label> 標(biāo)簽。

Safari 2 或更早的版本不支持 <label> 標(biāo)簽。

實(shí)例

帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡單 HTML 表單：

<html>
<body>

<p>請點(diǎn)擊文本標(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>

運(yùn)行效果：

HTML中l(wèi)abel標(biāo)簽怎么用

感謝各位的閱讀！關(guān)于“HTML中l(wèi)abel標(biāo)簽怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

HTML中l(wèi)abel標(biāo)簽怎么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽