Доволі часто перед нами постає задача "вимкнути", або ж задізейблити відразу цілу частину форми, а не один якийсь інпут. Не знаю, як ви, а я часто вимикав усі контроли по одному.
А виявляється, що це можна зробити за допомогою атрибуту disabled елемента fieldset! Якщо встановити значення цього артибуту у правдиве значення, то усі вкладені в цей fieldset інтерактивні елементи заблокуються. І інпути, і кнопки, і селекти. Все.
Але існує запасне рішення на той випадок, якщо вам потрібно, до прикладу, залишити якийсь елемент активним. Наприклад, кнопку "Редагувати". Тоді ви можете її помістити до вкладеного legend, всередині якого закони й правила не діють. Ну, як мінімум, батьківський disabled ігнорується.
<fieldset disabled>
<legend>
Legend
<button>Edit</button>
</legend>
<input>
<button>Click me</button>
</fieldset>
Мені ця фіча точно стане в нагоді, а що скажете на це ви? Чи мали в практиці випадки, коли це могло б спростити ваш код? Розкажіть!
@babichdev
Цікаво? Корисно? Тисни вподобайку та ділися дописом з друзями та колегами!