Membuat Checkbox di html

Oke, kita belajar html lagi yuk :D
tapi sebelum kita belajar html, saya mau cerita sedikit nih,, boleh kan ?
saya itu siswa SMK Binakarya Mandiri 2, dan mengambil jurusan TKJ.
Nah saya punya guru Produktif perempuan, jarang-jarang kan guru produktif TKJ seorang perempuan ?

Namanya Ibu Noor Laily Rosyida.
cantik kan namanya ?
bukan hanya namanya saja yang cantik, Orangnya pun cantik, hehe
penasaran kan ?
Ini dia Pesona Bu Laily 

Foto Bu Laily

Bener kan cantik ? Yaiyalah, TKJ punya, haha
walaupun perempuan tapi ilmunya sudah tidak diragukan lagi, dan memang benar, berkat ilmu dari dia saya sampai bisa membuat Blog seperti ini dan mengenal bermacam-macam kode HTML.
Udah ah, segitu aja dulu ceritanya, dilanjutin nanti di episode berikutnya

Nah kembali ke topik utama, sekarang kita akan membuat checkbox dengan HTML
Nah untuk contoh kali ini, kita menggunakan nama Bu Laily ya, boleh kan ?
oke ini dia contoh checkbox'nya


Folling Untuk Guruku

Apa yang ingin anda katakan ketika melihat Bu Laily ?

Cantik
Baik hati
Tidak sombong
Rendah hati
Tegas
Spesial
Sexy
Good Looking


Nah sudah tau kan ?
Apa sih kodenya ?
Ini dia kodenya

<p>Folling Untuk Guruku</p>
<p>Apa yang ingin anda katakan ketika melihat Bu Lely ?</p>
<p><input type="checkbox" name="c1" checked>Cantik<br>
<input type="checkbox" name="c2" checked>Baik hati<br>
<input type="checkbox" name="c3" checked>Tidak sombong<br>
<input type="checkbox" name="c4" checked>Rendah hati</br>
<input type="checkbox" name="c4" checked>Tegas</br>
<input type="checkbox" name="c4" checked>Spesial</br>
<input type="checkbox" name="c4" checked>Sexy</br>
<input type="checkbox" name="c4" checked>Good Looking</p> 

Nah itu dia kodenya, simple kan ?
Tinggal anda copy paste aja ke dokumen HTML anda
catatan : Untuk kode yang berwarna merah silahkan anda ganti sesuai yang anda inginkan
Sudah ngerti ?
kalau blm ngerti silahkan saja bertanya pada kotak komentar
Terimakasih

Artikel Terkait:

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!

Article :

Post a Comment

Jika ada yang mempunyai saran, kritik, maupun pertanyaan, jangan segan-segan untuk mengunkapkannya, ungkapkan saja dikotak komentar !
terimakasih :)

 
TEKOMUTER (Teknologi Ilmu Komputer) © 2012 | Designed by Cheap TVS, in collaboration with Vegan Breakfast, Royalty Free Images and Live Cricket Score