프로그래밍 언어/HTML,CSS,JS

HTML 체크 박스의 선택된 속성에 대한 적절한 값

Rateye 2021. 7. 16. 10:08
728x90
반응형

 

질문 : HTML 체크 박스의 선택된 속성에 대한 적절한 값은 무엇입니까?

우리는 모두 HTML에서 체크 박스 입력을 형성하는 방법을 알고 있습니다.

<input name="checkbox_name" id="checkbox_id" type="checkbox">

내가 모르는 것-체크 된 체크 박스의 기술적으로 올바른 값은 무엇입니까? 이 모든 것이 작동하는 것을 보았습니다.

 
 
<input name="checkbox_name" id="checkbox_id" type="checkbox" checked>
<input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on">
<input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes">
<input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked">
<input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true">

그것이 중요하지 않다는 대답입니까? 나는 올바른로 표시 답에 대한 증거를 볼 수 없습니다 여기 로부터 사양 자체를 :

확인란 (및 라디오 버튼)은 사용자가 토글 할 수있는 켜기 / 끄기 스위치입니다. 컨트롤 요소의 확인 된 속성이 설정되면 스위치가 "켜집니다". 양식이 제출되면 "켜기"확인란 컨트롤 만 성공할 수 있습니다. 양식의 여러 확인란이 동일한 컨트롤 이름을 공유 할 수 있습니다. 따라서 예를 들어 체크 박스를 사용하면 동일한 속성에 대해 여러 값을 선택할 수 있습니다. INPUT 요소는 확인란 컨트롤을 만드는 데 사용됩니다.

사양 작성자는 정답이 무엇이라고 말합니까? 증거 기반 답변을 제공하십시오.

답변

엄밀히 말하면, 여기 에있는 사양에 따라 가장 정확한 버전은 다음과 같습니다.

<input name=name id=id type=checkbox checked=checked>

HTML의 경우 빈 속성 구문 , checked="" 를 사용하거나 간단히 checked (더 엄격한 XHTML의 경우 지원되지 않음 ).

그러나 사실상 대부분의 브라우저는 따옴표 사이의 거의 모든 값을 지원합니다. 다음 사항이 모두 확인됩니다.

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

다음 항목 만 선택 취소됩니다.

<input name=name id=id type=checkbox>

disabled="disabled" 에 대한 유사한 질문도 참조하십시오.

출처 : https://stackoverflow.com/questions/7851868/whats-the-proper-value-for-a-checked-attribute-of-an-html-checkbox
728x90
반응형