首頁  >  文章  >  web前端  >  html中的label標籤怎麼設定高度? label標籤的使用方法介紹

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

寻∝梦
寻∝梦原創
2018-09-04 16:09:217669瀏覽

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

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

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

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

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

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

然後在head中設定

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

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

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

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

在ff9c23ada1bcecdd1a0fb5d5a0f18437f5a47148e367a6035fd7a2faa965022e標籤之中,你會發現,沒有任何標籤之間如果寫了文字,會使該表單的顯示出錯,這時,便引入了這個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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn