내부 HTML 태그

내부 HTML 태그

---

왼쪽 셀의 확인란과 오른쪽 셀의 설명으로 구성된 페이지에 표가 있습니다. "설명"에는 h4 헤더와 일반 텍스트가 포함됩니다. 나는 그 전체 설명 (안의 모든 것 <td></td>)을 라벨 로 만들고 싶다 .

따라서 각 행은 다음과 같습니다.

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td>
<td><label for="i1">
<h4>Some stuff</h4>more stuff..
<h4>Some stuff</h4>more stuff..
</label>
</td></tr>

그러나 이것은 작동하지 않지만 텍스트는 레이블처럼 작동하지 않으며 클릭 할 수 없습니다. Firefox 3.6을 사용하여 테스트하고 있습니다. <h4>태그를 제거하면 작동하기 시작하지만 형식이 복잡해집니다. 에 대해 뭔가가 <h*>태그 방지 <label>제대로 작동은?

---

블록 레벨 요소 ( h4속한)는 인라인 요소 내에서 허용되지 않으며 정의되지 않은 동작을 유발합니다. span대신 요소를 사용할 수 있습니다 .

---

인라인 요소 (다른 레이블 요소 제외) 만 레이블 요소 내부에 나타날 수 있습니다.

<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text -->

— http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

어쨌든 거기에 제목을 넣는 것은 의미가 없습니다.

---

<label>HTML 의 요소는 인라인 수준 요소이며 블록 수준 요소를 포함 할 수 없습니다.

이것이 아마도 문제의 원인 일 것입니다. 또는의 안에 레이블을 넣을 수 있습니다 <h4>.

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td>
<td><
<h4><label for="i1">Some stuff</label></h4>more stuff..
<h4><label for="i1">Some stuff</label></h4>more stuff..
</label>
</td></tr>

참조 URL : https://stackoverflow.com/questions/4461942/html-tags-inside-label