Penulisan ini akan merangkumi topik berikut:
- Bagaimana untuk Melumpuhkan Medan input Teks?
- Bagaimana untuk Melumpuhkan pilihan Kotak pilihan?
- Bagaimana untuk Melumpuhkan Elemen input kotak semak?
- Bagaimana untuk Melumpuhkan Elemen input butang?
Prasyarat: Buat Borang
Pertama, buat borang dengan menggunakan HTML '
< bentuk >< / bentuk >
Kemudian, tambahkan ' 'elemen dan berikannya kelas' kol-12 ”. Dalam elemen
< set medan kelas = 'col-md-12' >
< lagenda >Borang Pendaftaran Pelajar< / lagenda >
< / set medan >
Pengeluaran
Bagaimana untuk Melumpuhkan Medan input Teks?
Untuk contoh yang berterusan, ikut arahan yang diberikan:
- Di dalam ' 'elemen, selepas elemen legenda, tambah tag dan tetapkan ia kelas ' kumpulan bentuk ”.
- Kemudian, sertakan ' ” dan “ ” elemen untuk kapsyen dan medan input, masing-masing. Berikan elemen input kelas ' kawalan bentuk ”.
- Selepas itu, peruntukkan ' kurang upaya ” atribut untuk membuat medan input dilumpuhkan:
< div kelas = 'kumpulan bentuk' >
< label >Masukkan anda Nama
< input menaip = 'teks' kelas = 'kawalan borang' kurang upaya>
< / label >
< / div >Berikut adalah penjelasan kelas-kelas yang disebutkan di atas:
- “ kumpulan bentuk ” ialah kelas fleksibel yang menyediakan cara paling mudah untuk memasukkan struktur dalam bentuk.
- “ kawalan bentuk ” secara automatik menambah penggayaan pada elemen bentuk.
Pengeluaran
Tambah medan input lain tanpa “ kurang upaya ” atribut:
< div kelas = 'kumpulan bentuk' >
< label >Masuklah Bapamu Nama
< input menaip = 'teks' kelas = 'kawalan borang' >
< / label >
< / div >Ia boleh diperhatikan bahawa medan input pertama dinyahdayakan dan yang kedua didayakan:
Bagaimana untuk Melumpuhkan pilihan Kotak pilihan?
Untuk membuat kotak pilihan dalam borang, gunakan HTML '
” unsur. ' ” elemen kemudian ditambahkan untuk memilih item kotak. Dalam contoh ini, perhatikan bahawa pilihan kedua ditetapkan sebagai dilumpuhkan menggunakan ' kurang upaya ” atribut:
< div kelas = 'kumpulan bentuk' >
< label > Dilumpuhkan Pilih Kotak
< pilih kelas = 'kawalan borang' >
< pilihan >pilih < / pilihan >
< pilihan kurang upaya> Dilumpuhkan pilih< / pilihan >
< pilihan >Menu< / pilihan >
< / pilih >
< / label >
< / div >Pengeluaran
Bagaimana untuk Melumpuhkan Elemen input kotak semak?
Mari buat kotak semak kawalan borang yang lain. Untuk membuat kotak semak dilumpuhkan, ' kurang upaya ” atribut ditentukan seperti berikut:
< div kelas = 'semakan borang' >
< label kelas = 'label-semak borang' >
< input kelas = 'input-semakan-borang' menaip = 'kotak semak' kurang upaya>
Awak boleh jangan semak ini
Pengeluaran
Bagaimana untuk Melumpuhkan Elemen input butang?
Anda juga boleh menambah elemen butang HTML untuk penyerahan borang. Sekarang, mari jadikan butang ini dilumpuhkan dengan menggunakan ' kurang upaya ” kelas:
< butang menaip = 'serahkan' kelas = ' btn btn-btn-lg utama dilumpuhkan' >Serah< / butang >Pengeluaran
Itu semua tentang membuat medan input dilumpuhkan dalam Bootstrap.
Kesimpulan
Dalam Bootstrap, kawalan borang boleh dilumpuhkan menggunakan ' kurang upaya ” atribut atau kelas. Atribut diletakkan di dalam teg permulaan elemen. Sebaliknya, ' kurang upaya 'kelas diletakkan dalam ' kelas ” atribut. Artikel ini telah menyediakan contoh untuk menggambarkan cara untuk melumpuhkan kawalan borang dalam Bootstrap.