Halo sobat Artikel Multimedia, select option merupakan sebuah input yang digunakan untuk memilih satu jenis pilihan. Kegunaannya hampir sama dengan radio button hanya saja select option ini tidak menghabiskan banyak ruang untuk memuat data pilihan karena bentuknya seperti list yang baru akan tampil ketika diklik saja. Oleh karena itu jika ingin memuat banyak pilihan, penggunaan select option inilah yang pas untuk diterapkan. Berikut kode html untuk contoh penerapannya:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Select Option</title>
</head>
<style>
body {
font-size: 24px
}
</style>
<body>
<p>Pilih Jenis Pelatihan:</p>
<select>
<option value="microsoft word">Pelatihan Microsoft Office</option>
<option value="desain grafis">Pelatihan Desain Grafis</option>
<option value="3D modeling">Pelatihan 3D Modeling</option>
<option value="pemrograman web">Pelatihan Pemrograman Web</option>
<option value="pemrograman mobile">Pelatihan Pemrograman Mobile</option>
</select>
</body>
</html>
<html lang="en">
<title>Select Option</title>
</head>
body {
font-size: 24px
}
</style>
<p>Pilih Jenis Pelatihan:</p>
<select>
<option value="microsoft word">Pelatihan Microsoft Office</option>
<option value="desain grafis">Pelatihan Desain Grafis</option>
<option value="3D modeling">Pelatihan 3D Modeling</option>
<option value="pemrograman web">Pelatihan Pemrograman Web</option>
<option value="pemrograman mobile">Pelatihan Pemrograman Mobile</option>
</select>
</body>
Sekian pembahasan tentang cara membuat select option di html, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …
0 Komentar
Terima kasih telah mengunjungi website ini semoga bermanfaat untuk anda