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 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>Mahasiswa</option>
<option>Pegawai</option>
<option>Karyawan</option>
<option>Swasta</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

Form Registrasi


Nama :
Tgl Lahir : / /
Alamat
Kota :
Pekerjaan :
Jenis Kelamin : Laki-Laki Perempuan
Hobby : Reading
Sport
Singing
Traveling


Artikel Terkait:



Responses

0 Respones to "Contoh Form Registrasi"

Posting Komentar

My Sponsor

 
Return to top of page Copyright © 2012 | My Design Web Converted into Blogger Template by Gusmanto