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>
<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> ").
정의 및 사용법
태그는 HTML 문서의 부분 또는 섹션을 정의합니다.
태그는 블록 요소를 그룹화하여 스타일로 형식을 지정하는 데 사용됩니다. http://www.w3schools.com/tags/tag_div.asp
또한 DIV-MDN
HTML 요소 (또는 HTML 문서 분할 요소)는 본질적으로 아무것도 나타내지 않는 플로우 콘텐츠의 일반 컨테이너입니다. 스타일링 목적 (class 또는 id 속성 사용)을 위해 또는 lang과 같은 속성 값을 공유하기 때문에 요소를 그룹화하는 데 사용할 수 있습니다. 다른 의미 요소 (예 : 또는)가 적절하지 않은 경우에만 사용해야합니다.
테이블 대신 div를 사용하는 것에 대해 이야기하는 경우 양식 내부에서 div를 사용할 수 있으며 테이블리스 웹 디자인에 대해 Google
div 내에서 양식 태그를 시작할 때마다 이후의 div 형제는 나중에 검사 (크롬 검사) 할 때 양식의 일부가되지 않으므로 양식을 제출하지 않습니다.
<div>
<form>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
DIV 외부에 양식 태그를 넣으면 작동한다고 생각했습니다. 양식 태그는 상위 DIV의 시작 부분에 배치되어야합니다. 아래와 같이.
<form>
<div>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
절대적으로하지! 렌더링되지만 유효성이 검사되지는 않습니다. 라벨을 사용하세요.
정확하지 않습니다. 액세스 할 수 없습니다. 일부 개발자는 게으 르기 때문에 일부 웹 사이트에서 볼 수 있습니다. 개발자를 고용 할 때 후보자 작업에서 가장 먼저 확인하는 사항 중 하나입니다. 양식은 지저분하지만 시간을내어 올바르게 수행하는 방법을 배웁니다.
<div>태그는 웹 레이아웃을 만들기 위해 항상 남용됩니다. 상징적 인 목적은 페이지에서 섹션 / 부분을 분할하여 별도의 스타일을 추가하거나 적용 할 수 있도록하는 것입니다. [w3schools 문서] [W3C]
some과 another가지고 있는 것에 크게 의존합니다 .HTML5에는 일반 레이아웃 태그가 아닌 더 논리적 의미 태그가 있습니다. section, header, nav, aside모든 것을 자신의 의미 론적 의미 그것에 있습니다. 그리고 반대에 사용됩니다<div>
<select>선택이되지 않을 경우, 주어진 경우에 맞는 완벽한 <a>또는 <buttons>좋다.