Ez az írás a következő témákat fedi le:
- Hogyan lehet letiltani a szövegbeviteli mezőt?
- Hogyan lehet letiltani a Select Box opciót?
- Hogyan lehet letiltani a jelölőnégyzet beviteli elemét?
- Hogyan lehet letiltani a gombbeviteli elemet?
Előfeltétel: Űrlap létrehozása
Először hozzon létre egy űrlapot a HTML használatával ” elem:
< forma >< / forma >
Ezután adjon hozzá egy „
< mezőkészlet osztály = 'col-md-12' >
< legenda >Diákok regisztrációs űrlapja< / legenda >
< / mezőkészlet >
Kimenet
Hogyan lehet letiltani a szövegbeviteli mezőt?
A folyamatban lévő példa esetében kövesse a megadott utasításokat:
- Benne '
” elemet, a jelmagyarázat elem után adjunk hozzá egy címkét, és rendeljünk hozzá egy osztályt „ forma-csoport ”.- Ezután írja be a „
” és „ ” elemeket a felirat és a beviteli mezőkhöz. Rendeljen a bemeneti elemhez egy osztályt ' forma-szabályozás ”. - Ezt követően jelölje ki a „ Tiltva ” attribútum a beviteli mező letiltásához:
< div osztály = 'forma-csoport' >
< címke >Adja meg a sajátját Név
< bemenet típus = 'szöveg' osztály = 'formavezérlés' letiltva>
< / címke >
< / div >A fent említett osztályok magyarázata a következő:
- ' forma-csoport ” egy rugalmas osztály, amely a legegyszerűbb módot nyújtja a struktúra űrlapokba foglalására.
- ' forma-szabályozás ” automatikusan stílust ad az űrlapelemekhez.
Kimenet
Adjon hozzá egy másik beviteli mezőt a ' Tiltva ' tulajdonság:
< div osztály = 'forma-csoport' >
< címke >Add meg az Atyádat Név
< bemenet típus = 'szöveg' osztály = 'formavezérlés' >
< / címke >
< / div >Megfigyelhető, hogy az első beviteli mező le van tiltva, a második pedig engedélyezett:
Hogyan lehet letiltani a doboz opciót?
Kijelölőmező létrehozásához az űrlapon használja a HTML '
” elemet. Az ' ” elemeket adjuk hozzá a dobozelemek kiválasztásához. Ebben a példában vegye figyelembe, hogy a második opció letiltva van a „ Tiltva ' tulajdonság:
< div osztály = 'forma-csoport' >
< címke > Tiltva Válassza a Box lehetőséget
< válassza ki osztály = 'formavezérlés' >
< választási lehetőség >válassza a < lehetőséget / választási lehetőség >
< választási lehetőség letiltva> Tiltva válassz< / választási lehetőség >
< választási lehetőség >Menü< / választási lehetőség >
< / válassza ki >
< / címke >
< / div >Kimenet
Hogyan lehet letiltani a jelölőnégyzet beviteli elemét?
Tegyünk egy másik űrlapvezérlő jelölőnégyzetet. A jelölőnégyzet letiltásához a „ Tiltva ” attribútum a következőképpen van megadva:
< div osztály = 'űrlapellenőrzés' >
< címke osztály = 'űrlapellenőrző címke' >
< bemenet osztály = 'form-check-input' típus = 'jelölőnégyzet' letiltva>
tudsz ezt ne ellenőrizd
Kimenet
Hogyan lehet letiltani a gombbeviteli elemet?
HTML gombelemet is hozzáadhat az űrlap elküldéséhez. Most tiltsuk le ezt a gombot a „ Tiltva ' osztály:
< gomb típus = 'Beküldés' osztály = 'btn btn-primary btn-lg letiltva' >Küldés< / gomb >Kimenet
Ez csak arról szólt, hogy letiltsuk a beviteli mezőket a Bootstrapben.
Következtetés
A Bootstrapben az űrlapvezérlők letilthatók a „ Tiltva ” attribútum vagy osztály. Az attribútum az elem kezdőcímkéjébe kerül. Másrészt a „ Tiltva ' osztály a ' osztály ' tulajdonság. Ez a cikk példákat mutat be a Bootstrap űrlapvezérlőinek letiltására.
- Ezután írja be a „