В этой записи будут затронуты следующие темы:
- Как отключить поле ввода текста?
- Как отключить опцию выбора поля?
- Как отключить элемент ввода флажка?
- Как отключить элемент ввода кнопки?
Предварительное условие: создать форму
Сначала создайте форму, используя HTML « <форма> элемент:
< форма >< / форма >
Затем добавьте « <набор полей> » элемент и присвоить ему класс « кол-12 ». В элементе
< набор полей класс знак равно 'коль-мд-12' >
< легенда >Форма регистрации студентов< / легенда >
< / набор полей >
Вывод
Как отключить поле ввода текста?
Для текущего примера следуйте приведенным инструкциям:
- Внутри ' <набор полей> », после элемента легенды добавьте тег и назначьте ему класс « форма-группа ».
- Затем включите « <метка> ' и ' <ввод> » для полей заголовка и ввода соответственно. Назначьте входному элементу класс « контроль формы ».
- После этого выделите « отключен ”, чтобы отключить поле ввода:
< див класс знак равно 'форм-группа' >
< этикетка >Введите свой Имя
< вход тип знак равно 'текст' класс знак равно 'форм-контроль' отключен>
< / этикетка >
< / див >Ниже приводится объяснение классов, упомянутых выше:
- “ форма-группа ” — это гибкий класс, предоставляющий простейший способ включения структуры в формы.
- “ контроль формы » автоматически добавляет стили к элементам формы.
Вывод
Добавьте еще одно поле ввода без « отключен атрибут:
< див класс знак равно 'форм-группа' >
< этикетка >Войди в своего отца Имя
< вход тип знак равно 'текст' класс знак равно 'форм-контроль' >
< / этикетка >
< / див >Можно заметить, что первое поле ввода отключено, а второе включено:
Как отключить опцию выбора поля?
Чтобы создать поле выбора в форме, используйте HTML « <выбрать> элемент. “ <опция> Затем добавляются элементы для выбора элементов поля.
В этом примере обратите внимание, что вторая опция отключена с помощью « отключен атрибут:
< див класс знак равно 'форм-группа' >
< этикетка > инвалид Выберите поле
< Выбрать класс знак равно 'форм-контроль' >
< вариант >выбрать < / вариант >
< вариант отключен> инвалид выбрать< / вариант >
< вариант >Меню< / вариант >
< / Выбрать >
< / этикетка >
< / див >Вывод
Как отключить элемент ввода флажка?
Давайте сделаем еще один флажок управления формой. Чтобы отключить флажок, нажмите « отключен ” указывается следующим образом:
< див класс знак равно 'проверка формы' >
< этикетка класс знак равно 'форма-проверка-метка' >
< вход класс знак равно 'форма-проверка-ввод' тип знак равно 'флажок' отключен>
Вы можете не проверяй это
Вывод
Как отключить элемент ввода кнопки?
Вы также можете добавить элемент кнопки HTML для отправки формы. Теперь давайте отключим эту кнопку, используя « отключен ' класс:
< кнопка тип знак равно 'Отправить' класс знак равно 'btn btn-primary btn-lg отключено' >Отправить< / кнопка >Вывод
Это было все о отключении полей ввода в Bootstrap.
Заключение
В Bootstrap элементы управления формой можно отключить с помощью « отключен атрибут или класс. Атрибут помещается внутри начального тега элемента. С другой стороны, « отключен » класс помещается в « класс атрибут. В этой статье приведены примеры, иллюстрирующие, как отключить элементы управления формой в Bootstrap.