html中的label標籤怎麼設定高度？ label標籤的使用方法介紹

本篇文章主要的介紹的是關於HTML中的label標籤設定高度的方法。還有關於HTML label標籤的使用方法介紹。下面就讓我們一起來看看這篇關於html label標籤的文章吧

#首先我們先來看看在html中label標籤設定高度的方法：

# html中標籤 為表單元素定義文字標註，屬於內聯元素，元素前後沒有換行符，且不可以設定高度。

若想要設定高度，需要設定的display屬性，預設屬性是inline，此時元素會被顯示為內聯元素，元素沒有換行符，只需要在inline後面加上block，即display:inline-block。此時改為區塊元素，現在就可以修改高度了。

這個圖中給出的條件需要設定的寬度為80px，此時屬於內聯元素，不能直接修改高度，此時只需在程式碼中更改display屬性就OK了：

<label  class=&#39; p1&#39; style=&#39;dispaly: inline-block&#39;>姓名</label>

然後在head中設定

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

如此就把寬度給調整好了。

現在我們再來說html label標籤的使用方法：

label標籤是html程式碼的表單中用來作為「標籤」使用的標籤，不要被這句話弄暈，此「標籤」非彼標籤，它的作用是起到表單前加字，對該表單進行描述作用的。

在

標籤之中，你會發現，沒有任何標籤之間如果寫了文字，會使該表單的顯示出錯，這時，便引入了這個label標籤，使用方法如下：

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">PHP中文网</label>
<textarea cols="50" rows="10" id="contactus">
这里是PHP中文网
</textarea>
</form>

以上這個實例中，for屬性的作用是與此label描述的表單的id，好像在js中可以對這個屬性進行取值並且得到表單id。我是這麼理解的，不過沒有實際測試過。

以上就是關於html label標籤的設定高度和使用方法的全部內容了（想學更多的程式設計知識，就來PHP中文網，這裡有更多的課程，更好的老師為你解答），有問題的可以在下方留言。

【小編推薦】

html空格程式碼怎麼寫？ html空格程式碼的表現方式總結

html code標籤怎麼換行？這篇文章讓你徹底了解code短語的用處

以上是html中的label標籤怎麼設定高度？ label標籤的使用方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！