Cara Membuat Combo Box di HTML Lewat Notepad dengan Mudah

Ilustrasi cara membuat combo box di HTML. Foto: Sora Shimazaki/Pexels

Cara membuat combo box di HTML bisa dilakukan lewat Notepad, sehingga kamu tidak perlu menginstal aplikasi tambahan di laptop untuk mempelajari bahasa standar pemrogaman saat membuat halaman situs web.

Combo box atau disebut juga dengan drop down list merupakan sebuah kotak yang berisi beberapa opsi. Nantinya, kamu bisa memilih opsi yang telah disiapkan sebelumnya untuk mempermudah pekerjaan.

Bila kamu ingin belajar membuat combo box di HTML hanya dengan aplikasi Notepad, simak artikel ini sampai selesai dan ikuti langkah-langkahnya!

Apa Itu HTML?

Ilustrasi cara membuat combo box di HTML. Foto: Unsplash

Sebelum mengetahui cara membuat combo box di HTML, kamu perlu terlebih dulu memahami apa itu HTML. Mengutip laman Kemdikbud, HTML memiliki kepanjangan HyperText Markup Language.

HTML merupakan bahasa dengan tanda-tanda tertentu yang disebut tag untuk menyatakan kode yang nantinya diterjemahkan peramban. Dengan begitu, coding yang sudah kamu lakukan akan ditampilkan dengan benar dan mudah dibaca manusia.

Fungsi dari HTML secara umum adalah untuk mengelola kata dan informasi agar dokumen dapat diakses serta ditampilakn di Internet lewat layanan situs web. Secara spesifik, ada tiga fungsi dari HTMl, yaitu:

HTML Form

Ilustrasi cara membuat combo box di HTML. Foto: Unsplash

Pada HTML, ada HTML form yang berfungsi untuk memberikan data ke server. HTML form akan memiliki input-input elemen dan banyak model di HTML form, misalnya, text field, checkbox, radio button, combo box, dan lainnya.

Dikutip dari Modul Ajar Perancangan Pemrograman Web yang diterbitkan Laboratorium Matematika & Komputasi FKIP Unsyiah, dalam HTML form, ada elemen yang tidak boleh ditinggalkan, yaitu <input> karena akan dipakai untuk mengambil informasi dari user.

Cara Membuat Combo Box di HTML Lewat Notepad

Ilustrasi cara membuat combo box di HTML. Foto: Unsplash

Berikut cara membuat combo box di HTML hanya dengan notepad.

Contoh kode untuk membuat combo box di HTML:

Sekian cara membuat combo box di HTML hanya dengan aplikasi Notepad. Selamat mencoba!

(NSF)