Атрибут disabled є одним із найуживаніших атрибутів при розробці веб-сторінок. Він дозволяє встановити неактивний стан для різних елементів форми, таких як кнопки, чекбокси, радіокнопки та текстові поля. Це робить елементи недоступними для взаємодії та неможливими для редагування.
Атрибут disabled може бути особливо корисним у ситуаціях, коли необхідно тимчасово відключити можливість взаємодії з елементами форми. Наприклад, при завантаженні сторінки дані у формі можуть бути неповними або некоректними, і щоб уникнути можливих помилок або проблем, необхідно заблокувати певні елементи, доки користувач не внесе правильні дані.
Крім того, атрибут disabled може використовуватися для створення ефекту елемента перемикання, коли один елемент блокується, а інший стає активним. Наприклад, при виборі певного варіанта відповіді, пов'язаного з радіокнопкою або чекбоксом, певний набір полів форми може бути вимкнений або увімкнений залежно від вибору користувача.
| Атрибут | disabled |
|---|---|
| Опис | Атрибут disabled використовується для відключення елемента керування на веб-сторінці, роблячи його неактивним і недоступним для взаємодії користувача. |
| Застосування | Disabled може бути застосований до різних елементів HTML, таких як кнопки, текстові поля, прапорці та інші. Коли атрибут disabled додається до елемента, він стає сірим і не реагує на дії користувача, такі як натискання або введення тексту. |
| Ефект | Атрибут disabled запобігає користувацькій інтеракції з елементом, що може бути корисним, якщо елемент тимчасово або постійно недоступний або якщо необхідно запобігти випадковим натисканням/змінам. |
| приклад | <button disabled>Недоступная кнопка</button> <input type="text" disabled> <input type="checkbox" disabled> |
Як працює disabled?
Атрибут disabled робить елемент неактивним: з ним не можна взаємодіяти, натиснути на нього, на ньому не можна сфокусуватися, відключене поле не буде відправлено разом з іншими полями форми. Атрибут спрацьовує як на самому елементі, а й у всіх його нащадках.
Що таке Disabled у HTML?
Атрибут disabled блокує елемент HTML форми, тобто робить його неактивним. Є атрибутом без значення. Блокування елементів зазвичай потрібне для того, щоб заборонити користувачеві змінювати деякі значення (які, тим не менш, мають бути показані користувачеві у вигляді елементів форми).
Як зробити disabled кнопку?
Щоб зробити кнопку неактивною, потрібно додати їй атрибут disabled // Створюємо кнопку const btn = document. createElement('button'); // Додаємо їй атрибут disabled btn. setAttribute('disabled', ''); // Додаємо напис btn.