Programing

FORM 태그 의미 체계 html5 외부의 양식 요소가 있습니까?

lottogame 2020. 12. 25. 08:57
반응형

FORM 태그 의미 체계 html5 외부의 양식 요소가 있습니까?


사용자 선택에 따라 테이블을 필터링하는 SELECT 태그가있는 경우, JS가 비활성화 된 경우 결과 기능이 작동하지 않는 경우 SELECT 태그가 FORM 태그 (유효한 HTML5)에 있어야합니까? 양식 작업 / 제출 옵션을 선택할 때 서버 측 필터를 수행하는 대신 전체 테이블 또는 '추가'링크를 표시합니다 (JS가 비활성화 된 경우 마크 업에서 사라지도록 JS에 select를 작성할 수 있습니다.

또는 모든 양식 요소가 사용법에 관계없이 양식 태그에 있어야하므로 null 'action'속성 값이 있어야합니다.

HTML5가 거의 모든 것을 허용한다는 것을 알고 있으며 W3에서 확실한 답을 찾을 수 없었기 때문에 귀하의 생각을 얻을 것이라고 생각했습니다. 이해가 되길 바랍니다. 건배.


모든 양식 컨트롤은 구문 콘텐츠 가 예상 되는 곳이면 어디에서나 사용할 수 있습니다 . 즉, 문서 본문의 거의 모든 곳에 나타날 수 있습니다. 서버에 다시 제출할 필요가없는 경우 양식과 연결할 필요가 없습니다. 그러나 일부 브라우저 에서는 요소가 없으면 양식 유효성 검사 기능 을 이용할 수 없습니다. 제출 될 수 있습니다.

HTML5의 새로운 기능 중 하나는 해당 양식 form과 함께 제출하기 위해 양식 컨트롤이 더 이상 요소 의 직접적인 자식 일 필요가 없다는 것입니다 . form속성을 사용하면 id요소를 제출해야하는 양식 을 지정할 수 있습니다 .


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 사양을 읽지 않았지만 유효성 검사기는 일반적으로 이러한 종류의 문제에 대해 정확합니다.


HTML5 사양은 특히 <input>s (및 기타 양식 관련 요소)가 다음을 포함하지 않도록 허용합니다 <form>.

양식 관련 요소는 <form>요소의 양식 소유자 라고하는 요소 와 관계를 가질 수 있습니다 . 양식 관련 요소가 요소와 연결되지 않은 <form>경우 해당 양식 소유자는 null이라고합니다.

그러니 마음이 원하는 곳에서 자유롭게 사용하십시오!

참조 URL : https://stackoverflow.com/questions/5385610/are-form-elements-outside-of-a-form-tag-semantic-html5

반응형