Bootstrap Отключенные поля ввода текста

В этой записи будут затронуты следующие темы:

• Как отключить поле ввода текста?
• Как отключить опцию выбора поля?
• Как отключить элемент ввода флажка?
• Как отключить элемент ввода кнопки?

Предварительное условие: создать форму

Сначала создайте форму, используя HTML « <форма> элемент:

Затем добавьте « <набор полей> » элемент и присвоить ему класс « кол-12 ». В элементе

укажите заголовок формы:

Вывод

Как отключить поле ввода текста?

Для текущего примера следуйте приведенным инструкциям:

• Внутри ' <набор полей> », после элемента легенды добавьте тег
  и назначьте ему класс « форма-группа ».
• Затем включите « <метка> ' и ' <ввод> » для полей заголовка и ввода соответственно. Назначьте входному элементу класс « контроль формы ».
• После этого выделите « отключен ”, чтобы отключить поле ввода:

Ниже приводится объяснение классов, упомянутых выше:

• “ форма-группа ” — это гибкий класс, предоставляющий простейший способ включения структуры в формы.
• “ контроль формы » автоматически добавляет стили к элементам формы.

Вывод

Добавьте еще одно поле ввода без « отключен атрибут:

Можно заметить, что первое поле ввода отключено, а второе включено:

Как отключить опцию выбора поля?

Чтобы создать поле выбора в форме, используйте HTML « <выбрать> элемент. “ <опция> Затем добавляются элементы для выбора элементов поля.

В этом примере обратите внимание, что вторая опция отключена с помощью « отключен атрибут:

Вывод

Как отключить элемент ввода флажка?

Давайте сделаем еще один флажок управления формой. Чтобы отключить флажок, нажмите « отключен ” указывается следующим образом: