FORM 내에서 DIV를 사용하는 것이 맞습니까?
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 / >은 일부 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
As the others have said, it's all good, you can do it just fine. For me personally, I try to keep a form of hierarchical structure with my elements with a div being the outer most parent element. I try to use only table p ul and span inside forms. Just makes it easier for me to keep track of parent/children relationships inside my webpages.
Absolutely not! It will render, but it will not validate. Use a label.
It is not correct. It is not accessible. You see it on some websites because some developers are just lazy. When I am hiring developers, this is one of the first things I check for in candidates work. Forms are nasty, but take the time and learn to do them properly
No, its not
<div> tags are always abused to create a web layout. Its symbolic purpose is to divide a section/portion in the page so that separate style can be added or applied to it. [w3schools Doc] [W3C]
It highly depends on what your some and another has.
HTML5, has more logical meaning tags, instead of having plain layout tags. The section, header, nav, aside everything have their own semantic meaning to it. And are used against <div>
참고URL : https://stackoverflow.com/questions/9942538/is-it-correct-to-use-div-inside-form
'Development Tip' 카테고리의 다른 글
| HttpRequest.execute () 사용 예외 : SingleClientConnManager의 잘못된 사용 : 연결이 여전히 할당 됨 (0) | 2020.10.07 |
|---|---|
| 임베디드 배열을 사용하여 Rails 다중 선택에서 첫 번째 요소가 항상 비어있는 이유는 무엇입니까? (0) | 2020.10.07 |
| 인수로 확장되는 PROTOTYPE 매크로의 요점은 무엇입니까? (0) | 2020.10.07 |
| 탭 인덱스에서 다음 요소에 초점 맞추기 (0) | 2020.10.07 |
| Convert.toFloat () 메서드가없는 이유는 무엇입니까? (0) | 2020.10.07 |