Включить

Оригинальное название: enable

Коротко

Действие, которое переводит элемент управления, настройку или функцию в рабочее состояние: кнопка становится нажимаемой, опция начинает действовать.

Что такое «Включить»

В интерфейсах сайтов и программ «включить» встречается в нескольких смыслах. Можно включить элемент формы — снять с кнопки или поля блокировку. Можно включить настройку — поставить переключатель в положение «вкл.». Можно включить функцию для части пользователей, не выкладывая новый код. Общее одно: до действия возможность была недоступна или выключена, после — работает. Обратное действие описано в статье Отключить, а итоговое состояние элемента — в статье про включённое состояние.

Пример: кнопка становится активной после заполнения формы

const form = document.querySelector('#order');
const submit = form.querySelector('button[type="submit"]');

submit.disabled = true;
form.addEventListener('input', () => {
  submit.disabled = !form.checkValidity();
});

Пока обязательные поля не заполнены по правилам, кнопка отключена. Как только checkValidity() возвращает true, свойство disabled снимается, и кнопка включается. Обратите внимание: включение — это удаление атрибута disabled или установка свойства в false, а не запись disabled="false".

Когда лучше не выключать заранее

Приём с кнопкой, которая включается только после заполнения формы, популярен, но спорен. Отключённая кнопка не получает фокус и не объясняет, что не так, — человек смотрит на серую кнопку и не понимает, какое поле заполнил неверно. Часто удобнее оставить кнопку включённой, а при нажатии показать сообщения об ошибках у конкретных полей. Блокировку разумно включать в других случаях — например, сразу после отправки, чтобы заказ не ушёл дважды.

Включение функций и настроек

  • Флажок или переключатель — понятный способ дать пользователю включить опцию: подписку, тёмную тему, уведомления. Подпись должна однозначно говорить, что будет включено.
  • Флаги функций — в разработке новую возможность выкладывают выключенной и включают настройкой для части пользователей, чтобы проверить её без риска.
  • Экспериментальные возможности браузера включают на служебных страницах вроде chrome://flags; на сайте полагаться на них нельзя, у посетителей они выключены.

Обновлено:

Все термины раздела «Frontend»

Что будем искать? Например,Продвижение