Saat menjelajahi situs web favorit Anda, kotak centang muncul saat Anda perlu memilih satu opsi dari banyak yang tersedia. Kotak centang ini dibuat di dengan bantuan tag khusus. Pada artikel ini, kita akan melihat cara membuat kotak centang di HTML dan cara kerja kotak centang dalam urutan berikut:
- Bagaimana Cara Membuat Kotak Centang di HTML?
- Tombol Kotak centang vs Tombol Radio
- Menonaktifkan Kotak Centang di HTML
Bagaimana Cara Membuat Kotak Centang di HTML?
Kotak centang adalah elemen formulir yang memungkinkan Anda memilih beberapa opsi dari berbagai opsi yang tersedia. Kotak centang dibuat dengan HTMLtag. Itu bisa bersarang di dalam aelement atau mereka bisa berdiri sendiri. Mereka juga dapat dikaitkan dengan formulir dengan bantuan atribut bentuk dari tag.
Berikut adalah contoh dasar untuk membuat kotak centang sederhana:
Merah Hijau Biru
Keluaran:
Mari kita pertimbangkan contoh lain dan tambahkan tombol kirim sehingga kotak centang bisa berguna. Di sini, Anda juga dapat menempatkan kotak centang di dalam elemen yang menentukan halaman untuk memproses formulir.
Yang mana warna favoritmu? Merah Hijau BiruHasil:
Keluaran:
Tombol Kotak centang vs Tombol Radio
Tombol radio memungkinkan pengguna untuk memilih satu opsi saja. Padahal, kotak centang memungkinkan pengguna untuk memilih sejumlah opsi. Mari kita ambil contoh dan lihat cara kerja tombol radio dan kotak centang:
apa format di python
Kotak centang
Yang mana warna favoritmu? Merah Hijau BiruTombol radio
Pilih jenis kelamin Anda? Pria Wanita Tidak DiketahuiHasil:
Keluaran:
Dalam contoh di atas, Anda dapat melihat bahwa Anda dapat memilih sebanyak mungkin kotak centang yang Anda inginkan. Itu membuat kotak centang cocok untuk saat-saat di mana pengguna harus dapat memilih beberapa opsi. Namun, jika Anda mencoba memilih lebih dari satu tombol radio, pilihan sebelumnya akan dibatalkan pilihannya. Ini membantu Anda memaksa pengguna untuk memilih hanya satu opsi.
Menonaktifkan Kotak Centang di HTML
Anda dapat menonaktifkan kotak centang di dengan menggunakan atribut nonaktif. Ini dapat dilakukan bersama dengan skrip untuk mengaktifkan atau menonaktifkan kotak centang tergantung pada apakah kriteria tertentu telah dipenuhi.
Mari kita ambil contoh untuk melihat bagaimana kita dapat menonaktifkan kotak centang:
cara menginstal hadoop di linux
Merah Hijau Biru
Keluaran:
Pada contoh di atas, kami telah menonaktifkan warna merah. Jadi, Anda dapat memilih hijau dan biru dari kotak centang tetapi bukan warna merah.
Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda memahami cara kerja kotak centang di HTML dan cara penggunaannya yang berbeda.
Sekarang setelah Anda mengetahui tentang Kotak centang di HTML, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Kotak centang dalam HTML' dan kami akan menghubungi Anda kembali.