Bootstrap Disabled Tekstinsyöttökentät

Bootstrap Disabled Tekstinsyottokentat



Bootstrapissa käytetään erilaisia ​​luokkia lomakkeen tehokkaaseen luomiseen. Nämä luokat tarjoavat lukuisia tyyliominaisuuksia elementeille, joihin kuuluvat ' muodonhallinta ”, “ muoto-ryhmä ”, “ lomake-check-tarra ', ja paljon muuta. Tarkemmin sanottuna lomakkeen syöttökentät ovat tekstinsyöttökenttiä, joita käytetään keräämään tietoja käyttäjiltä. Voimme kuitenkin poistaa syöttökentän käytöstä käyttämällä ' liikuntarajoitteinen ”luokka tai attribuutti.

Tämä kirjoitus kattaa seuraavat aiheet:

Edellytys: Luo lomake

Luo ensin lomake käyttämällä HTML-koodia ' ”elementti:







< muodossa >< / muodossa >

Lisää sitten ' 'elementti ja määritä sille luokka' sarake-12 ”. Määritä -elementissä lomakkeen otsikko:



< fieldset luokkaa = 'col-md-12' >

< legenda >Opiskelijoiden ilmoittautumislomake< / legenda >

< / fieldset >

Lähtö







Kuinka poistaa tekstinsyöttökenttä käytöstä?

Jatkuvassa esimerkissä noudata annettuja ohjeita:

  • Sisällä ' '-elementti, lisää selite-elementin jälkeen
    -tunniste ja määritä sille luokka ' muoto-ryhmä ”.
  • Lisää sitten ' ' ja ' ” -elementtejä kuvateksti- ja syöttökentille. Määritä syöttöelementille luokka ' muodonhallinta ”.
  • Määritä sen jälkeen ' liikuntarajoitteinen ”-attribuutti, jolla syöttökenttä poistetaan käytöstä:
< div luokkaa = 'lomakeryhmä' >

< etiketti >Syötä omasi Nimi

< syöttö tyyppi = 'teksti' luokkaa = 'muodonhallinta' pois käytöstä>

< / etiketti >

< / div >

Seuraavassa on selitys edellä mainituista luokista:



  • ' muoto-ryhmä ” on joustava luokka, joka tarjoaa yksinkertaisimman tavan sisällyttää lomakkeisiin rakennetta.
  • ' muodonhallinta ” lisää automaattisesti tyyliä lomakeelementteihin.

Lähtö

Lisää toinen syöttökenttä ilman ' liikuntarajoitteinen 'määrite:

< div luokkaa = 'lomakeryhmä' >

< etiketti >Syötä Isäsi Nimi

< syöttö tyyppi = 'teksti' luokkaa = 'muodonhallinta' >

< / etiketti >

< / div >

Voidaan havaita, että ensimmäinen syöttökenttä on poistettu käytöstä ja toinen on käytössä:

Kuinka poistaa Box-valinta käytöstä?

Voit luoda valintaruudun lomakkeeseen käyttämällä HTML-koodia ' ”elementtiä. ' '-elementit lisätään sitten valitsemaan laatikon kohteita.

Huomaa tässä esimerkissä, että toinen vaihtoehto on poistettu käytöstä käyttämällä ' liikuntarajoitteinen 'määrite:

< div luokkaa = 'lomakeryhmä' >

< etiketti > Liikuntarajoitteinen Valitse Laatikko

< valitse luokkaa = 'muodonhallinta' >

< vaihtoehto >valitse < / vaihtoehto >

< vaihtoehto pois käytöstä> Liikuntarajoitteinen valitse < / vaihtoehto >

< vaihtoehto >Valikko< / vaihtoehto >

< / valitse >

< / etiketti >

< / div >

Lähtö

Kuinka poistaa valintaruudun syöttöelementti käytöstä?

Tehdään toinen lomakkeen ohjausruutu. Voit poistaa valintaruudun käytöstä valitsemalla ' liikuntarajoitteinen ”-attribuutti määritetään seuraavasti:

< div luokkaa = 'lomakkeen tarkistus' >

< etiketti luokkaa = 'lomake-check-label' >

< syöttö luokkaa = 'lomake-tarkistus-syöttö' tyyppi = 'valintaruutu' pois käytöstä>

Sinä pystyt älä tarkista tätä



Lähtö

Kuinka poistaa painikkeen syöttöelementti käytöstä?

Voit myös lisätä HTML-painikeelementin lomakkeen lähetystä varten. Otetaan nyt tämä painike pois käytöstä käyttämällä ' liikuntarajoitteinen ”luokka:

< -painiketta tyyppi = 'Lähetä' luokkaa = 'btn btn-ensisijainen btn-lg poistettu käytöstä' >Lähetä< / -painiketta >

Lähtö

Siinä oli kyse syöttökenttien poistamisesta käytöstä Bootstrapissa.

Johtopäätös

Bootstrapissa lomakeohjaimet voidaan poistaa käytöstä ' liikuntarajoitteinen ”määrite tai luokka. Attribuutti sijoitetaan elementin aloitustunnisteen sisään. Toisaalta ' liikuntarajoitteinen ' luokka sijoitetaan ' luokkaa ”-attribuutti. Tässä artikkelissa on esimerkkejä, jotka havainnollistavat, kuinka Bootstrapin lomakeohjaimet poistetaan käytöstä.