У HTML є булеві атрибути, такі як checked, disabled, readonly, required, selected тощо. Вони не потребують значення — достатньо просто вказати їх у тегу.
✅ Коректні варіанти оголошення
Згідно зі специфікацією HTML, булевий атрибут можна записати трьома способами, і всі вони матимуть однаковий ефект:
<input readonly />
<input readonly="" />
<input readonly="readonly" />
❌ Некоректні значення
Передача значень true або false не допускається:
<!-- ❌ Так НЕ можна -->
<button disabled="true">Click me</button>
<button disabled="false">Click me</button>
Чому?
Бо будь-яка наявність атрибута вважається true, а його відсутність — false.
Як правильно вимикати булевий атрибут
Єдиний спосіб встановити false – зовсім прибрати атрибут:
<!-- ✅ Правильний спосіб -->
<input type="text" />
<!-- ✅ Встановлюємо значення readonly -->
<input type="text" readonly />
🚀 Висновок
Щоб уникнути плутанини, не додавай значення до булевих атрибутів. Використовуй лише наявність або відсутність атрибута для керування його станом. Це зробить твій HTML чистішим і правильнішим!