``요소 안에 ``요소를 넣을 수 있나요?

내부의 요소 요소?

Bootstrap 양식의 스타일을 지정할 때 레이블 태그 내에 요소를 중첩하는 것과 관련된 문제가 발생할 수 있습니다. "블록" CSS 클래스가 있는 레이블 내부의 div를 사용하는 초기 접근 방식은 그러한 구조의 유효성에 대한 우려를 불러일으킵니다.

HTML 사양에는 다음과 같이 레이블 요소가 div 요소를 포함할 수 없다고 명시되어 있습니다. 인라인 요소 내의 블록 수준 요소를 제외하는 콘텐츠 모델을 지정합니다. 입력, 범위, 버튼 등의 요소를 포함하는 구문 콘텐츠는 레이블 요소 내에서 허용됩니다.

따라서 올바른 접근 방식은 div 요소를 레이블 요소 내부에 직접 배치하지 않는 것입니다. 대신 다음과 같은 적절한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css bootstrap html using class this input

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.