Bidang Input Pelbagai Pilihan untuk Borang HTML

• Mungkin 2, 2024

Sekiranya anda membina borang di laman web anda dan ingin pelawat anda memilih satu atau lebih pilihan yang dipilih, maka medan input pelbagai pilihan adalah cara untuk pergi.

Butang radio adalah pilihan yang sangat umum untuk pilihan pelbagai pilihan; anda akan sering melihatnya digunakan dalam kuiz web dan bentuk yang serupa. Butang ini digunakan apabila anda ingin pelawat anda memilih hanya satu daripada beberapa pilihan. Contohnya, jika anda sedang membina kuiz keperibadian di laman web anda dan ingin pelawat memilih warna utama kegemaran mereka (merah, biru atau kuning), anda akan menggunakan butang radio.

Butang radio dikumpulkan oleh atribut "nama" mereka. Dalam sekumpulan butang radio yang berkongsi nama yang sama, pengunjung hanya boleh memilih satu; klik pada butang yang berbeza dalam kumpulan akan menyahpilih pilihan asal. Atribut "nilai" menentukan pilihan pilihan butang radio, dan atribut "diperiksa" membolehkan anda untuk memilih pilihan.

Dalam contoh di atas, soalan itu mungkin dikodkan seperti berikut:

Apakah warna utama kegemaran anda?

Merah

Biru

Kuning

Di laman web anda, soalan akan kelihatan seperti ini:

Apakah warna utama kegemaran anda?
Merah
Biru
Kuning

Bidang pelbagai pilihan kedua ialah menu lungsur turun. Dengan drop-down, anda boleh memilih untuk membenarkan pelbagai pilihan atau hanya satu; Menu drop-down juga mengambil sedikit ruang di halaman, jadi mereka membolehkan anda untuk membentangkan lebih banyak pilihan dengan berkurangan.

Menu drop-down menggunakan tag "pilih" sebagai asas medan, dan tag "opsyen" untuk menetapkan item menu. Anda boleh mengubah suai tag "pilih" dengan atribut "saiz", yang menentukan berapa banyak item yang dapat dilihat sebelum klik pengunjung untuk membuka menu, dan atribut "berbilang", yang jika ditetapkan membolehkan pengunjung memilih lebih daripada satu pilihan . Anda juga boleh mengubah suai tag "pilihan"; atribut "dipilih" membolehkan anda untuk memilih pilihan itu.

Berikut ialah soalan contoh menggunakan menu lungsur:

Apakah hari kegemaran anda dalam seminggu?


Ahad
Isnin
Selasa
Rabu
Khamis
Jumaat
Sabtu


Di laman web anda, soalan akan kelihatan seperti:

Apakah hari kegemaran anda dalam seminggu?

Ahad
Isnin
Selasa
Rabu
Khamis
Jumaat
Sabtu


Pilihan berbilang pilihan ketiga ialah kotak pilihan. Kotak centang adalah sama dengan butang radio, kecuali bahawa mereka sentiasa membenarkan pelawat memilih beberapa pilihan. Kotak centang membenarkan atribut yang sama sebagai butang radio.

Soalan sampel menggunakan kotak pilihan:

Apa haiwan kesayangan awak ada?

Anjing

Kucing

Burung

Tetikus

Hamster

Buaya

Lain-lain


Pelawat anda akan melihat:

Apa haiwan kesayangan awak ada?
Anjing
Kucing
Burung
Tetikus
Hamster
Buaya
Lain-lain

Arahan Video: Cara Membuat Tabel Stok Barang dengan Excel (Mungkin 2024).