Каково правильное значение для отмеченного атрибута флажка 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".

HTML5 spec :

http://www.w3.org/TR/html5/forms.html#attr-input-checked :

Атрибут отключенного содержимого является логическим атрибутом.

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes :

Наличие логического атрибута в элементе представляет истинное значение, а отсутствие атрибута представляет ложное значение.

Если атрибут присутствует, его значение должно быть либо пустой строкой, либо значением, которое является ASCII-регистронезависимым совпадением с каноническим именем атрибута, без начального или конечного пробела.

Вывод :

Следующее является действительным, эквивалентным и верным :

<input type="checkbox" checked />
<input type="checkbox" checked="" />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked="ChEcKeD" />

Следующее недействительно :

<input type="checkbox" checked="0" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

Отсутствие атрибута является единственным допустимым синтаксисом для false :

<input />

Рекомендация

Если вы хотите написать действительный XHTML, используйте checked="checked", поскольку <input checked>недопустимый XHTML (но действительный HTML), а другие альтернативы менее читабельны. Остальное, просто используйте <input checked>как короче.

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

Те одинаково действительны. И в JavaScript:

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

Вы хотите этого, я думаю: checked='checked'

1. проверено
2. проверено = «»

3. проверено = «проверено»

   эквивалентны;

в соответствии со спецификацией флажок «---- ⓘ флажок =« проверено »или« »(пустая строка) или пусто Указывает, что элемент представляет выбранный элемент управления .--- '

Это довольно сумасшедший город, в котором единственный способ сделать флажок ложным - не указывать значения. С Angular 1.x вы можете сделать это:

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

что намного более вменяемое, если вам нужно, чтобы это не проверялось.

Я думаю, что это может помочь:

Во-вторых, вы должны знать, что проверенный атрибут ВОЗВРАЩАЕТ строку «true», «false».
Почему это важно? Потому что вам нужно использовать правильный тип. Строка, а не логическое значение. Это также важно при разборе вашего флажка.
$('mycheckbox')[0].checked = "true"

if($('mycheckbox')[0].checked === "true"){ //do something }

Вы также должны понимать, что «флажок» ATTRIBUTE предназначен для первоначальной установки значения флажка. Это мало что делает, когда элемент отображается в DOM. Представьте, как это работает, когда веб-страница загружается и анализируется изначально.
Я пойду с предпочтением IE на этом:<input type="checkbox" checked="checked"/>

Наконец, главный аспект путаницы для флажка заключается в том, что элемент пользовательского интерфейса флажка не совпадает со значением свойства элемента. Они не коррелируют напрямую. Если вы работаете в .net, вы обнаружите, что пользователь, «проверяющий» флажок, никогда не отражает фактическое значение bool, переданное контроллеру. Чтобы установить пользовательский интерфейс, я использую оба $('mycheckbox').val(true);и$('mycheckbox').attr('checked', 'checked');

Ну, чтобы использовать его, я не думаю, что имеет значение (похоже на отключено и только для чтения), лично я использую Check = "Check", но если вы пытаетесь манипулировать ими с помощью JavaScript, вы используете true / false