2011-03-22 2 views
54

사용자 선택에 따라 표를 필터링하는 SELECT 태그가있는 경우 JS가 비활성화 된 경우 결과 기능이 작동하지 않으면 SELECT 태그가 FORM 태그에 있어야 HTML5가 유효합니다 (예 : 액션/제출 옵션을 선택하여 서버 측 필터를 수행하는 대신 전체 테이블 또는 '추가'링크를 표시합니다. JS가 비활성화 된 경우 마크 업에서 사라지도록 JS에 선택을 쓸 수 있습니다 ..FORM 태그 외부의 양식 요소는 의미 html5입니까?

또는 사용법에 관계없이 모든 양식 요소가 양식 태그에 있어야합니까 (따라서 null '조치'속성 값).

HTML5는 거의 모든 것을 허용합니다. W3에서 확실한 답을 찾을 수 없습니다. , 그래서 나는 당신의 생각을 갖게 될 것이라고 생각했습니다. 그것이 의미가되기를 바랍니다. 환호.

+0

어떻게 의미를 파악할 수 있습니까? https://en.wikipedia.org/wiki/Semantics "유효"또는 "형식이 잘린"[html5]을 의미하셨습니까? – amn

답변

17

HTML5 양식에서 요소는 <form> 태그 외부에있을 수 있으며 여전히 유효한 것으로 보입니다.

<!DOCTYPE html> 
<html> 
<head> 
<title>Just making this valid</title> 
</head> 
<body> 

<select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

</body> 

</html> 

위의 코드는 분명한 문자 인코딩 오류를 제외하고 성공적으로 검증됩니다. 전체 HTML5 사양을 읽지는 않았지만 유효성 검사기는 일반적으로 이러한 종류의 문제에 대해 정확합니다.

+0

그래, 고마워! – Anon

70

모든 양식 컨트롤은 phrasing content이 예상되는 곳이면 어디서든 사용할 수 있습니다. 즉, 문서 본문의 어느 곳에서나 나타날 수 있습니다. 다시 서버에 제출할 필요가 없다면 양식과 연결할 필요가 없습니다. 그러나 어떤 브라우저에서는 요소가 잠재적으로 가능하지 않으면 form validation features을 이용할 수 없다는 것을 알았습니다. 제출하십시오. HTML5의 새로운

하나의 특징은 그 양식 컨트롤은 더 이상 양식 제출하기 위해 form 요소의 직접적인 자식 필요가 없습니다되면, form attribute는 요소가 제출해야 할 양식의 id 지정할 수 있습니다 와.

+3

robertc이 신뢰할만한 링크를 제공했지만 (가장 좋은 답변), "웹 제작자 용 버전"(좀 더 읽기 쉽도록)의 HTML5 사양은 다음과 같습니다. http://dev.w3.org/html5/spec-author-view /content-models.html#phrasing-content-0 –

관련 문제