Овај текст ће покрити следеће теме:
- Како онемогућити поље за унос текста?
- Како онемогућити опцију за избор кутије?
- Како онемогућити улазни елемент у пољу за потврду?
- Како онемогућити елемент за унос дугмета?
Предуслов: Направите образац
Прво, направите образац користећи ХТМЛ “ <форм> ” елемент:
< форму >< / форму >
Затим додајте „ <фиелдсет> ” елемент и доделити му класу “ цол-12 ”. У оквиру елемента <легенд> наведите наслов обрасца:
< фиелдсет класа = 'цол-мд-12' >
< легенда >Формулар за регистрацију студената< / легенда >
< / фиелдсет >
Излаз
Како онемогућити поље за унос текста?
За пример који је у току, следите дата упутства:
- Унутар ' <фиелдсет> ” елемент, после елемента легенде, додајте ознаку <див> и доделите јој класу “ форм-група ”.
- Затим укључите „ <ознака> ' и ' <инпут> ” елементи за наслов и поља за унос, респективно. Додели улазном елементу класу “ контрола облика ”.
- Након тога, доделите „ онеспособљени ” да бисте онемогућили поље за унос:
< ознака >Унесите свој Име
< улазни тип = 'текст' класа = 'контрола обрасца' онемогућено>
< / ознака >
< / див >
Следи објашњење класа наведених изнад:
- “ форм-група ” је флексибилна класа која пружа најједноставнији начин за укључивање структуре у форме.
- “ контрола облика ” аутоматски додаје стил елементима обрасца.
Излаз
Додајте још једно поље за унос без „ онеспособљени ” атрибут:
< див класа = 'форма-група' >< ознака >Уђи Оца свога Име
< улазни тип = 'текст' класа = 'контрола обрасца' >
< / ознака >
< / див >
Може се приметити да је прво поље за унос онемогућено, а друго омогућено:
Како онемогућити опцију избора кутије?
Да бисте креирали поље за избор у обрасцу, користите ХТМЛ “ <селецт> ” елемент. „ <опција> ” елементи се затим додају у избор ставки оквира.
У овом примеру, приметите да је друга опција подешена као онемогућена помоћу „ онеспособљени ” атрибут:
< див класа = 'форма-група' >< ознака > Онемогућено Изаберите Бок
< изаберите класа = 'контрола обрасца' >
< опција >одаберите < / опција >
< опција онемогућено> Онемогућено изаберите< / опција >
< опција >Мени< / опција >
< / изаберите >
< / ознака >
< / див >
Излаз
Како онемогућити улазни елемент у пољу за потврду?
Хајде да направимо још један контролни оквир за потврду. Да бисте онемогућили поље за потврду, „ онеспособљени ” атрибут је наведен на следећи начин:
< див класа = 'провера обрасца' >< ознака класа = 'образац-чек-ознака' >
< улазни класа = „форма-провера-унос“ тип = 'поље за потврду' онемогућено>
Можете не проверавајте ово
Излаз
Како онемогућити елемент за унос дугмета?
Такође можете додати елемент ХТМЛ дугмета за подношење обрасца. Сада, хајде да онемогућимо ово дугме коришћењем „ онеспособљени ' класа:
< дугме тип = 'прихвати' класа = ' бтн бтн-примарни бтн-лг онемогућен' >Пошаљи< / дугме >Излаз
То је било све у вези са онемогућавањем поља за унос у Боотстрапу.
Закључак
У Боотстрап-у, контроле обрасца се могу онемогућити помоћу „ онеспособљени ” атрибут или класа. Атрибут се поставља унутар почетне ознаке елемента. С друге стране, „ онеспособљени ” класа се налази у оквиру „ класа ” атрибут. Овај чланак је дао примере који илуструју како да онемогућите контроле обрасца у Боотстрапу.