[Belajar Html] Membuat Form Registrasi Sederhana
Pada kesempataan kali ini saya akan bagikan sebuah catatan tentang tata cara membuat form registrasi sederhana Seperti judul kita kali ini Form ini digunakan untuk formulir pendaftaran, teman-teman dapat memodifikasinya sesuai dengan kebutuhan, namun perlu di ingat bahwa tidak ada proses penyimpanan berjalan didalamnya, ini hanya sebuah interface semata sehingga tidak ada file php untuk proses ke database.
Source Code
<!DOCTYPE html>
<html>
<head>
<title>Mr. Comro Page</title>
</head>
<body>
<h1>Form Registrasi</h1>
<p>Isilah seluruh kolom registrasi dengan sebenar-benarnya.</p>
<fieldset name="Biodata">
<legend>Biodata</legend>
<table>
<tr>
<td>Nama</td><td>: <input type="text" name="text" placeholder="Masukan Nama Lengkap"></td>
</tr>
<tr>
<td>NPM</td><td>: <input type="text" name="text" placeholder="Masuakan NPM"></td>
</tr>
<tr>
<td>Tempat Lahir</td><td>: <input type="text" name="text" placeholder="Masukan Tempat Lahir"></td>
</tr>
<tr>
<td>Tanggal Lahir</td><td>: <input cols="22" rows="3" type="date" name="date"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:<input type="radio" name="jk" value="Laki-Laki">Laki-Laki
<input type="radio" name="jk" value="Perempuan">Perempuan
</td>
</tr>
<tr>
<td>Alamat</td>
<td> <textarea cols="22" rows="3" placeholder="Masukan Alamat Lengkap"></textarea></td>
</tr>
<tr>
<td>Kota</td>
<td>:
<select>
<option>Pilih Kota Anda</option>
<option>Bandar Lampung Tercinta</option>
<option>Bogor</option>
<option>Jakarta</option>
<option>Bekasi</option>
<option>Tangerang</option>
<option>Depok</option>
<option>cikarang</option>
<option>Banten</option>
</select>
</td>
</tr>
</table>
</fieldset>
<fieldset name="User Account">
<legend>User Account</legend>
<table>
<tr>
<td>Username</td><td>: <input type="text" name="text" placeholder="Masukan Username"></td>
</tr>
<tr>
<td>Email</td><td>: <input type="text" name="text" placeholder="Masukan Email"></td>
</tr>
<tr>
<td>Password</td><td>: <input type="password" name="password" placeholder="Masukan Password"></td>
</tr>
<tr>
<td>Ulangi Password</td><td>: <input type="password" name="password" placeholder="Ulangi Password"></td>
</tr>
</table>
</fieldset>
<fieldset name="Resolusi Tahun Ini">
<legend>Resolusi Tahun Ini</legend>
<table>
<tr>
<td><input type="checkbox" name="Menguasai HTML">Menguasai HTML</td>
<td><input type="checkbox" name="Menguasai HTML">Paham CSS</td>
<td><input type="checkbox" name="Menguasai HTML">Mastering PHP</td>
</tr>
</table>
</fieldset>
<br/>
<input type="Submit" Value="Kirim">
</body>
</html>
Tampilan Dari Contoh Form Registrasi :
0 Response to "[Belajar Html] Membuat Form Registrasi Sederhana"
Post a Comment