html中的label標(biāo)簽如何設(shè)置高度？label標(biāo)簽的使用方法說明

首先我們先來看看在html中l(wèi)abel標(biāo)簽設(shè)置高度的方法：

html中標(biāo)簽<label></label> 為表單元素定義文字標(biāo)注，<label>屬于內(nèi)聯(lián)元素，元素前后沒有換行符，并且不可以設(shè)置高度。

若想要設(shè)置高度，需要設(shè)置<label>的display屬性，默認(rèn)屬性是inline，此時(shí)元素會(huì)被顯示為內(nèi)聯(lián)元素，元素沒有換行符，只需要在inline后面加上block，即display:inline-block。此時(shí)<label>改為塊元素，現(xiàn)在就可以修改<label>高度了。

這個(gè)圖中給出的條件需要設(shè)置<label>的寬度為80px，此時(shí)<label>屬于內(nèi)聯(lián)元素，不能直接修改高度，此時(shí)只需在代碼中更改display屬性就OK了：

<label  class=' p1' style='dispaly: inline-block'>姓名</label>

然后在head中設(shè)置

<style>
.p1{
width:80px;
}
</style>

如此就把寬度給調(diào)整好了。

現(xiàn)在我們?cè)賮碚f說html label標(biāo)簽的使用方法：

label標(biāo)簽是html代碼的表單中用來作為“標(biāo)簽”使用的一個(gè)標(biāo)簽，不要被這句話弄暈，此“標(biāo)簽”非彼標(biāo)簽，它的作用是起到表單前加字，對(duì)該表單進(jìn)行描述作用的。

在<form></form>標(biāo)簽之中，你會(huì)發(fā)現(xiàn)，沒有任何標(biāo)簽之間如果寫了文字，會(huì)使該表單的顯示出錯(cuò)，這時(shí)，便引入了這個(gè)label標(biāo)簽，使用方法如下：

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">PHP中文網(wǎng)</label>
<textarea cols="50" rows="10" id="contactus">
這里是PHP中文網(wǎng)
</textarea>
</form>

以上這個(gè)實(shí)例中，for屬性的作用是與此label描述的表單的id，好像在js中可以對(duì)這個(gè)屬性進(jìn)行取值并得到表單id。我是這么理解的，不過沒有實(shí)際測試過。

以上就是關(guān)于html label標(biāo)簽的設(shè)置高度和使用方法的全部內(nèi)容了（想學(xué)更多的編程知識(shí)，就來PHP中文網(wǎng)，這里有更多的課程，更好的老師為你解答），有問題的可以在下方留言。

【小編推薦】

html空格代碼怎么寫？html空格代碼的表現(xiàn)方式總結(jié)

html code標(biāo)簽怎么換行？這篇文章讓你徹底了解code短語的用處

以上就是html中的label標(biāo)簽怎么設(shè)置高度？label標(biāo)簽的使用方法介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！