Praktek 3.5 Membuat Select Option
Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari
nilai yang ada. Tag select digunakan bersama-sama dengan tag option untuk membuat box pilihan.
Contoh:
<select>
<option>Pilihan 1</option>
<option>Pilihan 2</option>
<option value="pilihan ketiga">Pilihan 3</option>
</select>
Ketika form dikirim untuk diproses, nilai dari tag <option> akan dikirimkan. Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan atribut value. Jika atribut value berisi nilai, maka nilai value-lah yang akan dikirim. Ada atau tidaknya atribut value ini tidak akan tampak dalam tampilan form.
Ketikkan tag seperti di bawah ini.
<html>
<body>
<h1>Contoh Select dan Option</h1>
Agama : <select size="1" name="agama">
<option>Pilih Agama</option>
<option>Islam</option>
<option>Buddha</option>
<option>Hindu</option>
<option>Kristen</option>
</select>
</body>
</html>
Screenshotnya seperti di bawah ini.
Lalu simpan dengan cara klik menu File, lalu klik Save As.
Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.
Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.
Akan muncul aplikasi browser dan tampilannya seperti di bawah ini. Tampak muncul drop down menu.
Sekian dan terima kasih. Semoga bermanfaat bagi pembaca.
Tidak ada komentar:
Posting Komentar