html - 하나만 - 체크 박스 코드

HTML 체크 박스의 체크 된 속성에 적절한 값은 무엇입니까? (5)

우리는 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">

그것은 중요하지 않다는 대답인가? spec 자체에서 정확한 답변으로 표시된 증거는 없습니다.

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

스펙 작성자가 옳은 대답이라고 말하는 것은 무엇입니까? 증거 기반 답변을 제공해주십시오.

확인한
checked = ""
checked = "checked"
동등하다;

스펙 w3.org/TR/html-markup/input.checkbox.html 에 따라 w3.org/TR/html-markup/input.checkbox.html ---- ⓘ checked = "checked"또는 ""(빈 문자열) 또는 empty 엘리먼트가 선택된 컨트롤을 나타냄을 지정합니다 .--- '

false로 체크하는 유일한 방법은 값을 생략하는 것입니다. Angular 1.x를 사용하면 다음과 같이 할 수 있습니다.

  <input type="radio" ng-checked="false">

당신이 그것을 체크하지 않게 만들 필요가 있다면 그것은 훨씬 더 제정신입니다.

당신이 생각하고 싶어 : checked='checked'

엄밀히 말하면, 뭔가 의미가있는 것을 넣어야합니다. here 에 나온 스펙에 따르면 가장 정확한 버전은 다음과 같습니다.

<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" 와 비슷한 질문을 참고하십시오.

<input ... checked />
<input ... checked="checked" />

그것들도 똑같이 유효합니다. 자바 스크립트 :

input.checked = true;
input.setAttribute("checked");
input.setAttribute("checked","checked");