0

このマークアップを使用すると:

<label for="example">
  <textarea id="example" cols="40" rows="10"></textarea>
</label>

ラベルはテキストエリアとともに展開されないため、テキストエリアはフォーム内の次のフィールドの下にプッシュされます。

CSSを使用してラベルをテキストエリアのサイズに拡張する方法を知っている人はいますか?

私はもう試した：

label { display: table; }

ラベルとテキストエリアの両方にあらゆる種類のマージンとパディングがありますが、役に立ちません。

4

1 に答える 1

0

テキスト領域を適切に閉じる必要があると思います。つまり、終了タグ </textarea> を使用します。ただし、この方法でラベルを使用するかどうかはわかりません。おそらく、ターゲット要素を囲むことで for 属性が冗長になります。ラベルタグ付き。:shrugs: 以下の例で </textarea> タグを削除すると、チェック ボックスが非表示になります。タグを省略するとページ表示が崩れる点がポイントです。:)

<!DOCTYPE html>
<html>
<head>
</head>
  <body>
    <label for="cb">
        <textarea id="example" cols="40" rows="10"></textarea>
    </label>
    <input type='checkbox' checked='true' id='cb'/>
  </body>
</html>
于 2012-09-27T01:00:09.567 に答える