Cara Membuat Form Pendaftaran E-KTP di HTML
HTML Form merupakan
suatu bagian dari halaman web yang berfungsi mengizinkan mengirmkan data ke web server.Untuk
membuat sebuah form terdapat beberapa tag yang digunakan,seperti tagform,select,input,textarea dan button. Namun dalam pembuatan form pendaftaran
e-ktp saya tidak
menggunakan tag button.
Contoh struktur
pembuatan HTML Form sepeti contoh dibawah ini.!
<html>
<head>
<title>WEB</title>
</head>
<body>
<table align="center" border="0" cellpadding="2" cellspacing="2" height="256" color="grey">
<form>
<tr>
<th align=height:30px;" colspan="2" bgcolor="grey"> <font color="black" size="5">
FORM PENDAFTARAN E-KTP</font></th>
</tr>
Berikut ini adalah source code pembuatan Form Formulir E-KTP:
<html>
<head>
<title>WEB</title>
</head>
<body>
<table align="center" border="0" cellpadding="2" cellspacing="2" height="256" color="grey">
<form>
<tr>
<td>
<tr>
<th align=height:30px;" colspan="2" bgcolor="grey"> <font color="black" size="5">
FORM PENDAFTARAN E-KTP</font></th>
</tr>
<tr>
<td>Nomor Pendaftaran</td>
<td>
<input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text">
</td>
</tr>
<tr>
<td>Nama</td>
<td><input type="text" placeholder="Nama Lengkap"></td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td><input name="Tempat" type="text" placeholder="Tempat Lahir">
<input name="Tanggal Lahir" type="date"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input name="Pekerjaan" type="text" size="30" placeholder="Pekerjaan"></td>
</tr>
<tr>
<td>Status Pernikahan</td>
<td><input type="checkbox" name="Status" value="menikah">Menikah<input type="checkbox" name="hobi"
value="Belum Menikah">Belum Menikah<input type="checkbox" name="status" value="janda">Janda<input type="checkbox"
name="status" value="duda">Duda</td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea cols="40" row="5" name="Alamat" placeholder="Alamat Lengkap"></textarea></td>
</tr>
<tr>
<td>Agama</td>
<td><select name="Agama" size="1">
<option>Islam</option>
<option>Kristen</option>
<option>Khatolik</option>
<option>Hindu</option>
<option>Budha</option>
</select></td>
</tr>
<tr>
<td>Email</td>
<td><input type="email" name="email" placeholder="Masukkan Email"</td>
</tr>
<tr>
<td>Provinsi</td>
<td>
<select name="Provinsi">
<option>Sulawesi Selatan</option>
<option>Papua</option>
<option>Jawa Tengah</option>
<option>Kalimantan Timur</option>
<option>NTB</option>
</select>
</td>
</tr>
<tr>
<td>Kota</td>
<td><input name="Kota" type="text" size="20" placeholder="Kota">
<input name="Kec" type="text" size="20" placeholder="Kecamatan"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input name="Jenis Kelamin" type="radio">Pria
<input name="Jenis Kelamin" type="radio">Wanita</td>
</tr>
<tr>
<td>Tanggal Pendaftaran</td>
<td><input type="text" name="text"size="20" placeholder="Tanggal">
<input name="text" type="text" size="20" placeholder="Bulan"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Daftar"> <input type="reset" value="cancel"> </td>
</tr>
</form>
</table>
</body>
</html>
-Tag Form merupakan tag utama yang digunakan untuk mengambil request dari pengguna
bertindak sebagai "pembungkus" elemen-elemen inputan yang terdapat didalamnya.
-Tag Input digunakna untuk membangun kontrol form atau interface untuk mengambil
request dari pengguna yang selanjutnya akan diproses oleh web server.
-Tag TextArea digunakan untuk memasukkan text yang dapat menerima data dalam jumlah
karakter yang lebih banyak .
-tag Select digunakan untuk memasukkan inputan berupa combo-box yang merepresentasikan
data dalam bentuk list atau daftar pilihan.
Komentar
Posting Komentar