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

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

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

html中標籤<label></label> 為表單元素定義文字標註，<label>屬於內嵌元素，元素前後沒有分行符號，並且不可以設定高度。

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

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

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

然後在head中設定

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

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

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

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

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

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post"><label for="contactus">topic.alibabacloud.com</label><textarea cols="50" rows="10" id="contactus">這裡是topic.alibabacloud.com</textarea></form>

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

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