Cara Mudah Membuat ComboBox di HTML

Sampul Ilmu @ Berikut adalah Cara Mudah Membuat ComboBox Di HTML. Apa Yang Di maksud Dengan Combo Box. Combo Box adalah sebuah kotak yang digunakan untuk memilih salah satu Kata Atau Kalimat dari daftar yang telah dibuat. Dalam Memasukkan Kata Atau Kalimat Dalam Combobox ini adalah bertype Data String.

Penerapan ComboBox kali ini adalah agar anda dapat dengan mudah memilih pilihan sesuai dengan keinginan. Penggunaan Combobox biasa digunakan untuk memilih jenis agama sipengguna. Kali ini sampul ilmu mengambil contoh untuk mengisi data agama pengguna yang terdiri dari beberapa pilihan seperti Islam, Kristen, Budha Dan Hindu.

Bentuk Penulisan Rumus Membuat ComboBox di HTML:

<select>
<option name=”agama” value="Islam">Islam</option>
…….
</select>

Catatan:
Contoh Rumus Diatas Adalah Dengan Satu Kriteria Apabila Anda Menggunakan Banyak Pilihan kriteria anda dapat menambahkan sebanyak kriteria yang anda butuhkan.
Setiap Awal Penulisan Kode Menggunakan <select> dan Diakhiri </select>

Langkah membuat ComboBox di html Adalah sebagai Berikut:
  1. Buatlah File HTML dengan Notepad 
  2. Setelah Itu Masukkan Code HTML Dibawah Ini :
<html>
<head><title>Belajar ComboBox</title></head>
<body>
Agama :
<select>
  <option nama="agama" value="Islam">Islam</option>
  <option nama="agama" value="Kristen">Kristen</option>
  <option nama="agama" value="Budha">Budha</option>
  <option nama="agama" value="Hindu">Hindu</option>
</select>
</body>
</html>

Hasil Dari membuat ComboBox di html
Cara Mudah Membuat ComboBox di HTML
Tampilan ComboBox diHTML
Catatan:
Jika ingin menambahkan pilihan atau anda mempunyai lebih dari 4 pilihan caranya tambahkan kode dibawah ini sebanyak pilihan yang anda gunakan:

<option nama="agama" value="Agama Lain">Agama Lain</option>

Selamat Mencoba Semoga Bermanfaat…………..

1 Response to "Cara Mudah Membuat ComboBox di HTML"

  1. bagai mana cara menampilkan tanggal to day di combo box dengan menggunakan button

    ReplyDelete