Blog Copy Paste: Praktek 3.5 Membuat Select Option

Monday, May 16, 2016

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.