Tento zápis se bude týkat následujících témat:
- Jak zakázat pole pro zadávání textu?
- Jak deaktivovat možnost Select Box?
- Jak zakázat vstupní prvek zaškrtávacího políčka?
- Jak zakázat vstupní prvek tlačítka?
Předpoklad: Vytvořte formulář
Nejprve vytvořte formulář pomocí HTML „
< formulář < / formulář >
Poté přidejte „ 'prvek a přiřadit mu třídu' sloupek-12 “. V prvku
< fieldset třída = 'col-md-12' >
< legenda >Registrační formulář studentů< / legenda >
< / fieldset >
Výstup
Jak zakázat pole pro zadávání textu?
Pro probíhající příklad postupujte podle uvedených pokynů:
- Uvnitř ' ” za element legend přidejte tag a přiřaďte mu třídu “ forma-skupina “.
- Poté zahrňte „ <štítek> ' a '
” prvky pro popisky a vstupní pole. Přiřaďte vstupnímu prvku třídu “ kontrola formy “. - Poté přidělte „ zakázáno Atribut ” pro deaktivaci vstupního pole:
< div třída = 'form-skupina' >
< označení >Zadejte svůj název
< vstup typ = 'text' třída = 'kontrola formuláře' zakázáno>
< / označení >
< / div >Následuje vysvětlení výše uvedených tříd:
- “ forma-skupina ” je flexibilní třída, která poskytuje nejjednodušší způsob, jak zahrnout strukturu do formulářů.
- “ kontrola formy ” automaticky přidá styl k prvkům formuláře.
Výstup
Přidejte další vstupní pole bez „ zakázáno ' atribut:
< div třída = 'form-skupina' >
< označení >Zadejte svého Otce název
< vstup typ = 'text' třída = 'kontrola formuláře' >
< / označení >
< / div >Lze pozorovat, že první vstupní pole je zakázáno a druhé je povoleno:
Jak zakázat možnost Select Box?
Chcete-li ve formuláři vytvořit výběrové pole, použijte HTML „
prvek. ' ” prvky jsou pak přidány k výběru položek rámečku. V tomto příkladu si všimněte, že druhá možnost je nastavena jako vypnutá pomocí „ zakázáno ' atribut:
< div třída = 'form-skupina' >
< označení > Zakázáno Vyberte Box
< vybrat třída = 'kontrola formuláře' >
< volba >vyberte < / volba >
< volba zakázáno> Zakázáno vybrat< / volba >
< volba >Menu< / volba >
< / vybrat >
< / označení >
< / div >Výstup
Jak zakázat vstupní prvek zaškrtávacího políčka?
Udělejme další zaškrtávací políčko pro ovládání formuláře. Chcete-li zaškrtávací políčko deaktivovat, „ zakázáno Atribut ” je specifikován takto:
< div třída = 'kontrola formuláře' >
< označení třída = 'form-check-label' >
< vstup třída = 'form-check-input' typ = 'zaškrtávací políčko' zakázáno>
Můžeš tohle nekontroluj
Výstup
Jak zakázat vstupní prvek tlačítka?
Můžete také přidat prvek tlačítka HTML pro odeslání formuláře. Nyní deaktivujeme toto tlačítko pomocí „ zakázáno “třída:
< knoflík typ = 'Předložit' třída = 'btn btn-primární btn-lg zakázáno' >Odeslat< / knoflík >Výstup
To bylo vše o deaktivaci vstupních polí v Bootstrapu.
Závěr
V Bootstrapu lze ovládací prvky formuláře deaktivovat pomocí „ zakázáno ” atribut nebo třída. Atribut je umístěn uvnitř počáteční značky prvku. Na druhou stranu, „ zakázáno třída je umístěna v kategorii „ třída ' atribut. Tento článek obsahuje příklady, které ilustrují, jak zakázat ovládací prvky formuláře v Bootstrap.
- Poté zahrňte „ <štítek> ' a '