Bootstrap Disabled Text Input fields

Bootstrap Disabled Text Input Fields



Sa Bootstrap, ang iba't ibang klase ay ginagamit upang lumikha ng isang form nang mahusay. Ang mga klaseng ito ay nagbibigay ng maraming katangian ng pag-istilo sa mga elemento, na kinabibilangan ng ' form-control ”, “ form-grupo ”, “ form-check-label ', at marami pang iba. Higit na partikular, ang mga field ng input ng form ay mga field ng text input na ginagamit upang mangolekta ng impormasyon mula sa mga user. Gayunpaman, maaari naming i-disable ang input field sa pamamagitan ng paggamit ng ' may kapansanan ” klase o katangian.

Sakop ng pagsulat na ito ang mga sumusunod na paksa:

Prerequisite: Gumawa ng Form

Una, lumikha ng isang form sa pamamagitan ng paggamit ng HTML '

' elemento:





< anyo >< / anyo >

Pagkatapos, magdagdag ng '

'elemento at italaga ito ng isang klase' col-12 ”. Sa loob ng elementong tukuyin ang caption ng form:



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

< alamat >Form ng Pagpaparehistro ng mga Mag-aaral< / alamat >

< / fieldset >

Output





Paano I-disable ang Text input Field?

Para sa patuloy na halimbawa, sundin ang ibinigay na mga tagubilin:

  • Sa loob ng '
    ” elemento, pagkatapos ng elemento ng alamat, magdagdag ng
    tag at italaga ito ng isang klase ' form-grupo ”.
  • Pagkatapos, isama ang ' 'at' ” elemento para sa caption at input field, ayon sa pagkakabanggit. Italaga ang input element ng isang klase ' form-control ”.
  • Pagkatapos nito, ilaan ang ' may kapansanan ” attribute para hindi pinagana ang input field:
< div klase = 'form-group' >

< label >Ipasok ang iyong Pangalan

< input uri = 'text' klase = 'kontrol sa anyo' may kapansanan>

< / label >

< / div >

Ang sumusunod ay ang paliwanag ng mga klase na nabanggit sa itaas:



  • “ form-grupo ” ay isang flexible na klase na nagbibigay ng pinakasimpleng paraan upang isama ang istraktura sa mga form.
  • “ form-control ” awtomatikong nagdaragdag ng styling sa mga elemento ng form.

Output

Magdagdag ng isa pang input field na walang “ may kapansanan ” attribute:

< div klase = 'form-group' >

< label >Ipasok mo ang iyong Ama Pangalan

< input uri = 'text' klase = 'kontrol sa anyo' >

< / label >

< / div >

Mapapansin na ang unang field ng input ay hindi pinagana at ang pangalawa ay pinagana:

Paano I-disable ang piliin ang opsyon na Kahon?

Upang lumikha ng isang piling kahon sa form, gamitin ang HTML '