Kamis, 01 Mei 2014

HTML tampilan Form

Pada kesempatan ini saya membahas sedikit lagi mengenai postingan kemaren tentang Belajar membuat Form HTML , mulai dari Checkbox, Radio Button, Text area, text field, dan submit button.


Langsung saja, tulis script dibawah ini:

<html>
<head>
 <title bgcolor="#FFFFCC">Latihan-9: Membuat Form</title>
</head>
<body>
<form action=# method=get>
 <p>Nama : <input type=text name=nama>
 <p>Alamat : <textarea name=alamat cols=25 rows=4></textarea>
 <p>Jenis kelamin:
 <input type=radio name=gender value=Pria>Pria
 <input type=radio name=gender value=Wanita>Wanita
 <p>Tgl. Lahir:
 <select name=tgl>
 <option value=1>01
 <option value=2>02
 <option value=3>03
 <option value=31>31
 </select> - 
 <select name=bln>
 <option value=1>01
 <option value=2>02
 <option value=3>03
 <option value=12>12
 </select> - 
 <select name=thn>
 <option value=1901>1901
 <option value=1902>1902
 <option value=1903>1903
 <option value=2000>2000
 </select>
 <p>Pekerjaan :
 <select name=pekerjaan>
 <option value=Pelajar>Pelajar/Mahasiswa
 <option value="Pegawai Negeri">Pegawai negeri
 <option value=Karyawan>Karyawan
 <option value=Wiraswasta>Wiraswasta
 </select>
 <p>Hobby :
 <input type=checkbox name=hobby value=Membaca>
 Membaca
 <input type=checkbox name=hobby value=Kesenian>
 Olahraga
 <input type=checkbox name=hobby value=Olahraga>
 Musik
 <input type=checkbox name=hobby value=Belanja>
 Games
 <p>Komentar : <textarea name=komentar cols=25 rows=4></textarea>
 <p><input type=submit value=Kirim data><input type=reset value=Ulangi>
</form
 ></body>
 </html>

Dan berikut tampilannya:



SEMOGA BERMANFAAT

Ditulis Oleh : Unknown // 04.00
Kategori:

0 komentar:

Posting Komentar

free web site traffic and promotion
 

Popular Posts

Amikom

Get this widget:
Ikhsan. Diberdayakan oleh Blogger.