HTMLでラベルタグの高さを設定するにはどうすればよいですか?ラベルタグの使い方の紹介

この記事ではHTMLでlabelタグの高さを設定する方法を中心に紹介します。 HTMLのlabelタグの使い方についても紹介しています。 HTML のラベル タグに関するこの記事を見てみましょう

まず、HTML でラベルの高さを設定する方法を見てみましょう:

HTML のラベル フォーム要素のテキストラベルを定義します。 はインライン要素であり、高さは設定できません。

高さを設定したい場合は、の表示属性を設定する必要があります。このとき、要素は改行なしで表示されます。 inline の後にブロックを追加するだけ、つまり :inline-block を表示するだけです。この時点で、 がブロック要素に変更され、 の高さが変更できるようになります。

この図で指定されている条件では、 の幅を 80px に設定する必要があります。このとき、 の高さは直接変更できません。コードに

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

を追加すれば OK です。次に、幅が調整されるように、頭に

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

を設定します。

それでは、HTML ラベルの使い方について説明します。

ラベルは、HTML コードの形式で「ラベル」として使用されるラベルです。この文で混乱しないでください。 not このラベルは、フォームを説明するためにフォームの前に単語を追加するために使用されます。

タグの間にテキストがないとフォームが正しく表示されないことがわかります。このとき、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属性の機能がこのラベルで記述されたフォームのidとなっており、jsではこの属性を値としてフォームidを取得できるようです。それは理解していますが、実際にテストしたわけではありません。

上記は、HTML ラベル タグの高さと使用方法の設定に関するものです (プログラミングの知識をさらに学びたい場合は、PHP 中国語 Web サイトにアクセスしてください。そこには、より多くのコースがあり、質問に答えてくれる優れた教師がいます)。ご質問がございましたら、以下にメッセージを残してください。

【編集者のおすすめ】

HTML空間コードの書き方は？ HTML空間コードの表現まとめ

HTMLコードタグはどうやってラップするの？この記事では、コード フレーズの使用について完全に理解できます

以上がHTMLでラベルタグの高さを設定するにはどうすればよいですか?ラベルタグの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。