Minggu, 10 Januari 2010

Contoh Form Registrasi

Udah tahu belum gimana caranya membuat suatu alat untuk menginputkan data diri, ya semacam From regestrasi. Form registrasi biasanya digunakan saat kita mendaftar suatu forum atau mengikuti suatu organisasi dalam dunia nyata atau maya sekalipun. Pada Contoh From regestrasi disini kita akan menginputkan:


  • Nama

  • Tanggal lahir

  • Alamat tempat tinggal

  • Kota tempat tinggal

  • Pekerjaan

  • Jenis kelamin

  • Hoby

  • Dan terdapat tombol button kirim dan reset

jadi tanpa basi basi - langsung ke contoh aja OK.




Dibawah ini adalah contoh From Registrasi :






<html>

<head> <title> Form Registrasi </title> </head>


<body>

<h2 align="center"><font color="#9966FF">Form

Registrasi</font></h2>

<form action="proses" method="post" name="form">

<table width="68%" border="0" align="center" cellpadding="0">

<tr>

<td width="33%">Nama</td>


<td width="3%">:</td>

<td width="64%"><input name="txtNama" type="text"

id="txtNama"></input></td>

</tr>

<tr>

<td>Tgl Lahir</td>


<td>:</td>

<td><input name="txtTgl" type="text" id="txtTgl" size="4"

maxlength="2"></input> /

<input name="txtBulan" type="text" id="txtBulan" size="4"

maxlength="2"></input> /


<input name="txtTahun" type="text" id="txtTahun" size="8"

maxlength="4"></input></td>

</tr>

<tr>

<td>Alamat</td>

<td>&nbsp;</td>


<td><textarea name="txtAlamat" cols="40" rows="2"

id="txtAlamat"></textarea></td>

</tr>

<tr>

<td>Kota</td>

<td>:</td>


<td><input name="txtKota" type="text" id="txtKota"></input>

</td>

</tr>

<tr>

<td>Pekerjaan</td>

<td>:</td>


<td><select name="cboJob" id="cboJob">

<option>Tani</option>

<option>Nelayan</option>

<option>Karyawan</option>

</select></td>


</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input name="radJk" type="radio" value="1" checked>

</input> Laki-Laki


<input type="radio" name="radJk" value="2"> </input> Perempuan

</td>

</tr>

<tr>

<td>Hobby</td>

<td>:</td>


<td><input name="cekReading" type="checkbox" id="cekReading"

value="1"> </input> Reading </td>

</tr>

<tr>

<td>&nbsp;</td>


<td>&nbsp;</td>

<td><input name="cekSport" type="checkbox" id="cekSport"

value="2"> </input> Sport</td>

</tr>

<tr>


<td>&nbsp;</td>

<td>&nbsp;</td>

<td><input name="cekSing" type="checkbox" id="cekSing"

value="3"></input> Singing </td>


</tr><br>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td><input name="cekTravel" type="checkbox" id="cekTravel"

value="4"></input> Traveling </td>


</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td><input name="btnKirim" type="submit" id="btnKirim"

value="Kirim"> </input>


<input name="btnReset" type="reset" id="btnreset"

value="reset"> </input> </td>

</tr>

</table>

</body>

</html>




Hasil dari Penginputan code :



Form Registrasi
















Nama :
Tgl Lahir : /


/
Alamat
Kota :
Pekerjaan :
Jenis Kelamin :


Laki-Laki

Perempuan
Hobby : Reading


Sport


Singing


Traveling




jika kurang mengerti tentang tag-tagnya penjelasan lebih lengkap disini

di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)