Semasa melayari laman web kegemaran anda, kotak centang muncul ketika anda perlu memilih satu pilihan dari banyak yang tersedia. Kotak pilihan ini dibuat di dengan pertolongan khas. Dalam artikel ini, kita akan melihat bagaimana membuat kotak centang dalam HTML dan cara kerja kotak centang dalam urutan berikut:
- Bagaimana Membuat Kotak Centang dalam HTML?
- Kotak Centang vs Butang Radio
- Melumpuhkan Kotak Centang dalam HTML
Bagaimana Membuat Kotak Centang dalam HTML?
Kotak pilihan adalah elemen bentuk yang membolehkan anda memilih pelbagai pilihan dari pelbagai pilihan yang tersedia. Kotak pilihan dibuat dengan HTMLtag. Ia boleh bersarang di dalam kawasan atau mereka boleh berdiri sendiri. Mereka juga boleh dikaitkan dengan bentuk dengan bantuan atribut bentuk tanda nama.
Berikut adalah contoh asas untuk membuat kotak pilihan mudah:
Biru Hijau Merah
Pengeluaran:
Mari kita pertimbangkan contoh lain dan tambahkan butang kirim supaya kotak centang menjadi berguna. Di sini, anda juga boleh meletakkan kotak centang dalam elemen yang menentukan halaman untuk memproses borang.
Mana Warna Kegemaran anda? Biru Hijau MerahKeputusan:
Pengeluaran:
Kotak Centang vs Butang Radio
Butang radio membolehkan pengguna memilih satu pilihan sahaja. Manakala, kotak pilihan membolehkan pengguna memilih sebilangan besar pilihan. Mari kita ambil contoh dan lihat bagaimana butang radio dan kotak semak berfungsi:
bolehkah pembina menjadi peribadi
Kotak pilihan
Mana Warna Kegemaran anda? Biru Hijau MerahButang Radio
Pilih jantina anda? Lelaki Perempuan Tidak DiketahuiKeputusan:
Pengeluaran:
Dalam contoh di atas, anda dapat melihat bahawa anda boleh memilih seberapa banyak kotak pilihan yang anda mahukan. Ini menjadikan kotak pilihan sesuai untuk masa di mana pengguna harus dapat memilih pelbagai pilihan. Tetapi, jika anda cuba memilih lebih dari satu butang radio, pilihan sebelumnya tidak dipilih. Ini membantu anda memaksakan pengguna untuk memilih satu pilihan sahaja.
Melumpuhkan Kotak Centang dalam HTML
Anda boleh melumpuhkan kotak pilihan dengan menggunakan atribut yang dilumpuhkan. Ini dapat dilakukan bersama dengan skrip untuk mengaktifkan atau menonaktifkan kotak centang bergantung pada apakah kriteria tertentu telah dipenuhi.
Mari kita ambil contoh untuk melihat bagaimana kita dapat mematikan kotak centang:
Biru Hijau Merah
Pengeluaran:
Dalam contoh di atas, kami telah mematikan warna merah. Jadi, anda boleh memilih hijau dan biru dari kotak pilihan tetapi bukan warna merah.
Dengan ini, kami telah sampai ke akhir artikel kami. Saya harap anda memahami bagaimana kotak semak dalam HTML berfungsi dan bagaimana ia boleh digunakan secara berbeza.
Sekarang setelah anda mengetahui tentang Kotak Centang dalam HTML, lihat oleh Edureka. Latihan Pengesahan Pembangunan Web akan membantu anda belajar bagaimana membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Ada soalan untuk kami? Sila sebutkan di bahagian komen 'Kotak Centang dalam HTML' dan kami akan menghubungi anda.
keutamaan pelaksanaan antrian di java