Cara Membuat Combo Box di HTML Lewat Notepad dengan Mudah
How to tekno
·waktu baca 2 menit
Tulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan
PerbesarCara 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?
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:
Membuat halaman situs web.
Menampilkan informasi ke peramban Internet.
Membuat tautan yang menuju halaman situs web lain menggunakan hypertext atau kode tertentu.
HTML Form
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
Berikut cara membuat combo box di HTML hanya dengan notepad.
Buka aplikasi Notepad di laptop.
Masukkan kode-kode yang dibutuhkan untuk membuat combo box. Kamu bisa pakai contoh coding yang akan dibagikan di artikel ini.
Simpan pekerjaanmu tersebut dengan format .html.
Selesai. File yang dibuka akan muncul di peramban dengan tampilan situs web.
Contoh kode untuk membuat combo box di HTML:
<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="Katolik">Katolik</option>
<option nama="agama" value="Budha">Budha</option>
<option nama="agama" value="Hindu">Hindu</option>
<option nama="agama" value="Konghucu">Konghucu</option>
</select>
</body>
</html>
Sekian cara membuat combo box di HTML hanya dengan aplikasi Notepad. Selamat mencoba!
(NSF)
Frequently Asked Question Section
Apa itu HTML?
Apa itu HTML?
HTML merupakan bahasa dengan tanda tertentu yang disebut tag untuk menyatakan kode yang akan diterjemahkan peramban.
Apa fungsi HTML?
Apa fungsi HTML?
Untuk mengelola kata dan informasi agar dokumen dapat diakses serta ditampilakn di Internet lewat layanan situs web.
Apa saja jenis HTML form?
Apa saja jenis HTML form?
Ada banyak model di HTML form, yaitu text field, checkbox, radio button, combo box, dan lainnya.