「 」要素の中に「 」を入れることはできますか?

を配置するのは正しいですか? 内の要素要素?

ブートストラップ フォームのスタイルを設定するときに、ラベル タグ内の要素のネストに関連する問題が発生する可能性があります。 「ブロック」CSS クラスを使用してラベル内の div を使用する最初のアプローチでは、そのような構造の有効性について懸念が生じます。

HTML 仕様では、ラベル要素に div 要素を含めることはできないと明確に述べられています。インライン要素内のブロックレベル要素を除外するコンテンツ モデルを指定します。 input、span、button などの要素を含むコンテンツのフレージングは​​、label 要素内で許可されます。

したがって、正しいアプローチは、div 要素を label 要素内に直接配置しないことです。代わりに、次のような適切な HTML 構造を使用する必要があります。

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="col-lg-2 control-label" for="inputEmail1">Email</label>
    <div class="col-lg-10">
      <input type="email" class="form-control">

この改訂された構造により、要素の適切なネストが保証され、HTML 仕様に準拠します。

以上が「 」要素の中に「 」を入れることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css bootstrap html using class this input

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。