- Nama (tipe data: text
- Jenis Kelamin (type data : text, input type: radio)
- Email (input type: email)
- Tanggal Lahir (input type: date)
- No Hp (input tipe: Number)
- Blog (input tipe: url)
Nah setelah form tabel disiapkan, langkah selanjutnya adalah membuat koding dengan tool yang kalian sukai. Disini saya menggunakan tools notepad++.
Biasanya form pendaftaran berada dalam tabel, jadi jangan lupa untuk membuat tag <tabel> dan untuk mengeksekusi tombol submit dan reset maka masukkan kode html tersebut dalam tag <form>.
berikut kode HTML untuk membuat form pendaftaran:
<!DOCTYPE html>
<html>
<head>
<title> Latihan Form Modul 1 Praktikum Pemrograman Web</title>
</head>
<body>
<form>
<table border=1 cellspacing=0 align="center" >
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama"/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="Laki-laki"/>Laki-laki
<input type="radio" name="jk" value="Perempuan"/>Perempuan
</td>
</tr>
<tr>
<td> Email</td>
<td>:</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="date" name="date" /></td>
</tr>
<tr>
<td>No.Hp</td>
<td>:</td>
<td><input type="number" name="nomer" /></td>
</tr>
<tr>
<td>Blog</td>
<td>:</td>
<td><input type="url" name="blog" /></td>
</tr>
<tr>
<td align="center" colspan="3" ><input type="submit" />
<input type= "reset" />
</td>
</tr>
</table>
</form>
</body>
</html>
Setelah selesai simpan file dengan format .html. Kemudian dieksekusi melalui browser. Berikut tampilan di browser:
Semoga Bermanfaat.. dan silahkan mencoba :)
Bahasa html sebenarnya ga terlalu rumit seperti bahasa program delphi, tapi saya tidak fokus belajar ke sana dulu...sekarnag lagi fokus tingkatkan traffic blog danzierg
ReplyDeletemenyimak dulu iya mas :) belum ngerti sih hehe
ReplyDeletedapaet kuliah gratis ni, hehee
ReplyDelete