[html] FORM 내에서 DIV를 사용하는 것이 맞습니까?

Program / 글쓴이

FORM-tag 내부의 DIV-tag에 대해 어떻게 생각하고 있는지 궁금합니다.

다음과 같은 것이 필요합니다.

<form>
  <input type="text"/>
  <div> some </div>
  <div> another </div>
  <input type="text" />
</form>

DIV내부 에서 사용하는 것이 일반적인 관행 FORM입니까 아니면 다른 것이 필요합니까?

답변

완전히 괜찮아요.

는 form(도 ~ 만 입력 유형 컨트롤을 제출 Textarea, Select등).

div내 에서 걱정할 필요가 없습니다 form.

답변

<form>태그 내에서 DIV를 사용하는 것은 완전히 허용됩니다 .

당신은 기본 보면 CSS 2.1 스타일 시트 , div및 p에 모두 display: block범주입니다. 그런 다음 양식 요소에 대한 HTML 4.01 사양을 살펴보면 <p>태그뿐만 아니라 <table>태그도 포함되므로 <div>동일한 기준을 충족 할 것입니다. <legend>문서의 양식 안에 태그 도 있습니다.

예를 들어 다음은 엄격 모드에서 HTML4 유효성 검사를 통과합니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form id="test" action="test.php">
<div>
  Test: <input name="blah" value="test" type="text">
</div>
</form>
</body>
</html>

답변

<div>양식 내에서를 사용할 수 있습니다 -거기에는 문제가 없습니다 …. 하지만 dont에 <div>대한 레이블로 를 사용하려는 경우 input… label훨씬 더 나은 옵션입니다.

<label for="myInput">My Label</label>
<input type="textbox" name="MyInput" value="" />

답변

<input>을 <form>의 직계 자식으로 갖는 것은 잘못되었습니다.

그런데 <input / >은 일부 doctype에서 실패 할 수 있습니다.

http://validator.w3.org/check로 확인하십시오.

문서 유형은 여기에 “INPUT”요소를 허용하지 않습니다. “P”, “H1”, “H2”, “H3”, “H4”, “H5”, “H6”, “PRE”, “DIV”, “ADDRESS”시작 태그 중 하나 누락

<input type = “text”/>

언급 된 요소는 배치 한 컨텍스트에 표시 할 수 없습니다. 언급 된 다른 요소는 둘 다 허용되며 언급 된 요소를 포함 할 수있는 유일한 요소입니다. 이는 포함하는 요소가 필요하거나 이전 요소를 닫는 것을 잊었 음을 의미 할 수 있습니다.

이 메시지의 한 가지 가능한 원인은 블록 수준 요소 (예 : “<p>”또는 “<table>”)를 인라인 요소 (예 : “<a>”, “<span>)에 넣으려고 시도했기 때문입니다. “또는”<font> “).

답변

귀하의 질문은 DIV 태그에 입력하려는 내용을 다루지 않으므로 아마도 불완전하거나 잘못된 답변을받은 이유 일 것입니다. 진실은 Royi가 말했듯이 양식 내부에 DIV 태그를 넣을 수 있다는 것입니다. 예를 들어 레이블에 대해이 작업을 수행하고 싶지 않지만 세 개의 열에 배치하려는 여러 확인란이있는 양식이있는 경우 반드시 DIV 태그 (또는 SPAN, HEADER 등)를 사용하십시오. .) 달성하려는 모양과 느낌을 완성합니다.

답변

정의 및 사용법

태그는 HTML 문서의 부분 또는 섹션을 정의합니다.

태그는 블록 요소를 그룹화하여 스타일로 형식을 지정하는 데 사용됩니다.
http://www.w3schools.com/tags/tag_div.asp

또한 DIV-MDN

HTML 요소 (또는 HTML 문서 분할 요소)는 본질적으로 아무것도 나타내지 않는 플로우 콘텐츠의 일반 컨테이너입니다. 스타일링 목적 (class 또는 id 속성 사용)을 위해 또는 lang과 같은 속성 값을 공유하기 때문에 요소를 그룹화하는 데 사용할 수 있습니다. 다른 의미 요소 (예 : 또는)가 적절하지 않은 경우에만 사용해야합니다.

테이블 대신 div를 사용하는 것에 대해 이야기하는 경우 양식 내부에서 div를 사용할 수 있으며 테이블리스 웹 디자인에 대해 Google

답변

다른 사람들이 말했듯이 모든 것이 좋습니다. 잘 할 수 있습니다. 개인적으로 저는 div가장 바깥쪽에있는 상위 요소 인 요소와 함께 계층 구조의 한 형태를 유지하려고합니다 . 난 단지 사용하려고 table p ul및 span형태의 내부. 내 웹 페이지 에서 부모 / 자녀 관계를 더 쉽게 추적 할 수 있습니다.