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

Це відповідь, що це не має значення? Я не бачу доказів відповіді, позначеної тут як правильна, від самої специфікації :

Поле прапорців (і радіо кнопки) - це перемикачі вмикання / вимикання, які користувач може перемикати. Перемикач "включений", коли встановлений перевірений атрибут елемента керування. При надсиланні форми, лише "on" елементи керування можуть стати успішними. Кілька прапорців у формі можуть мати одне й те саме ім'я керування. Так, наприклад, прапорці дозволяють користувачам вибирати кілька значень для однієї властивості. Елемент 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 :

http://www.w3.org/TR/html5/forms.html#attr-input- перевірено :

Атрибут вимкнення вмісту є булевим атрибутом.

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" />

Відсутність атрибута є єдиним допустимим синтаксисом для помилкових :

<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. checked = "перевірено"

   рівнозначні;

відповідно до прапорця spec '---- ⓘ check = "check" або "" (порожній рядок) або empty Вказує, що елемент являє собою вибраний елемент керування .---'

Це досить божевільне містечко, що єдиний спосіб зробити перевірену помилкову - пропустити будь-які значення. За допомогою кутового 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');

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