Cara Membuat Combo Box pada HTML
A. Pendahuluan :
Form dalam desain web merupakan hal vital yang mutlak harus ada untuk membuat keinteraktifan dengan pengunjung. Berikut salah satu komponen pada form ialah Combo Box, seperti halnya radio button, combo box juga digunakan untuk input
yang berupa pilihan. Penampilan combo box mirip seperti text box namun terdapat drop down button untuk menampilkan item pilihan. Untuk membuat combo box, dengan memberikan tag < select name="nama komponen" > dan diakhiri dengan <
/select >. Sedangkan untuk item pilihannya diapit dengan tag < option value="nilai_item"> dan < /option >.
B. Script Code
<![CDATA[
<!DOCTYPE>
<html>
<head>
<title> Membuat Combo Box </title>
<h1 style ="text-align:center;"><u> Cara Membuat Combo Box pada HTML </u></h1>
</head>
<body>
<h1> Pekerjaan Anda </h1>
<form method="post" action="">
<select name="select">
<option value="dosen"> Dosen </option>
<option value="dokter"> Dokter </option>
<option value="petani"> Petani </option>
<option value="karyawan"> Karyawan </option>
</select>
<input type="submit" name="submit" value="Kirim data" />
</form>
</body>
</html>
]]>
C. Hasil Preview
Pekerjaan Anda
D. Kesimpulan :
Dari Script dan hasil di atas dapat diketahui bahwa terdapat text box dengan drop down seperti pilihan ke bawah pada tampilan tersebut.