Kamis, 12 November 2009

Membuat sebuah form sederhana

Membuat Sebuah Form


Form biasanya digunakan sebagai halam pengisian seperti halam register, pencarian dan banyak lagi kegunaannya tergantung dari keperluan dan kebutuhan kita.


Ok... supaya gak pusing mikirin tampilan form gimana... langsung copas aja sob code dibawah ne dan seperti biasa pindahin ke halaman editor dan save denagn ekstensi ".html"



<h3>Form Pendaftaran</h3>
<form action="simpan_pendaftaran.html" method="GET">
<table style="font-family:verdana; font-size;x-small;">
<tr>
<td>Nama Depan</td>
<td>:</td>
<td>
<input type=text name=nama_depan size=25 maxlength=50 value="">
</td>
</tr>
<tr>
<td>Nama Belakang</td>
<td>:</td>
<td>
<input type=text name=nama_belakang size=25 maxlength=50 value="">
</td>
</tr>
<tr>
<td>Jenid Kelamin</td>
<td>:</td>
<<td>
<input type=radio name=JK value=L checked>Laki-laki
<input type=radio name=JK value=P checked>Perempuan
</td>
</tr>
<tr>
<td>Favorit</td>
<td>:</td>
<td>
<input type=checkbox name=Apel checked>Apel
<input type=checkbox name=Durian checked>Durian
</td>
</tr>
<tr>
<td>Pilihan</td>
<td>:</td>>
<td>
<select name=pilih size=1>
<option value=1>Pilih 1
<option value=2>Pilih 2
<option value=3>Pilih 3
</select>
</td>
</trv>
<tr>
<td>Password</td>
<td>:</td>
<td>
<input type=password name=pass size=25 maxlength=50 value="">
</td>
</tr>
<tr>
<td colspan=3>
<input type=button value=Click onClick="jacascript:alert('ClickMe');">
<input type=hiden size=25 maxlength=50 value="tersembunyi">
</td>
</tr>
<tr>
<td colspan=3>
<fieldset>
<legend>Isi dengan komentar anda</legend>
<textarea name=komentar cols=55 rows=5>Komentar</textarea>
</fieldset>
</td>
</tr>
<tr>
<td colspan=3>
<input type=submit value=Submit> <input type=reset value=reset value=Reset>
<br><br>
</td>
</tr>
</form>
</table>

Oy... Jangan lupa bos letakkan tag diatas didalam tag <body>...</body>

0 komentar:

Posting Komentar

Pasang Iklan

OPENSOURCE AREA © 2008. Design by :Yanku Templates Sponsored by: Tutorial87 Commentcute