本篇文章主要的介紹的是關於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=' p1' style='dispaly: inline-block'>姓名</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中文網其他相關文章!