Monday, May 16, 2016

Praktek 3.3 Membuat Check Box

<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.
Ketikkan tag seperti di bawah ini.

<html>
<body>
<h1>Contoh Checkbox</h1>

Hoby : <input type="checkbox" name="Baca" value="ON"> Membaca
 <input type="checkbox" name="Tulis" value="ON"> Menulis
 <input type="checkbox" name="Makan" value="ON"> Makan

</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 tiga check box.

Sekian dan terima kasih semoga bermanfaat bagi pembaca.

No comments:

Post a Comment