<!DOCTYPE html>
<html>
<head>
<title>FORMULIR</title>
</head>
<body style="background:url(GreenLeaves_18.jpg);color:#00FFFF">
<h1>FORMULIR PENDAFTARAN</h1>
<table border="0">
<tr>
<td>Nama<td> : <td><input type="text" name="nama"/></td>
<tr/>
<tr>
<td>Alamat<td> : <td><input type="text" name="alamat"/></td>
<tr/>
<tr>
<td>Tempat Lahir<td> : <td><input type="text" name="tempat lahir"/></td>
<tr/>
<tr>
<td>Tanggal Lahir<td> : <td><input type="date" name="tanggal lahir"/></td>
<tr/>
<tr>
<td>Jenis Kelamin<td> :
<td>
<input type="radio" name="jk" value="Laki-Laki"/>Laki-Laki
<br>
<input type="radio" name="jk" value="Perempuan"/>Perempuan
</td>
<tr/>
<tr>
<td>No HP<td> : <td><input type="text" name="no hp"/></td>
<tr/>
<tr>
<td>Alamat Web<td> : <td><input type="url" name="alamat web"/></td>
<tr/>
<tr>
<td>Email<td> : <td><input type="mail" name="email"/></td>
<tr/>
<tr>
<td>Kecamatan<td> :
<td>
<select>
<option>Select Kecamatan...</option>
<option>Kebunsari</option>
<option>Sumbersari</option>
<option>Kaliwates</option>
<option>Arjasa</option>
<option>Jelbuk</option>
<option>Ambulu</option>
<option>---SELECT---</option>
</select>
</td>
<tr/>
<tr>
<td><input type="submit" value=SAVE></td>
</table>
</body>
</html>
Hasil :
Penjelasan : 1. untuk background gambar dan color font menggunakan (style)
2. untuk membuat nama, alamat, tempat lahir, dan no hp,
saya menggunakan (type="text")
3. untuk membuat tanggal lahir menggunakan (type="date")
4. untuk membuat alamat web dan email menggunakan (type="url" dan type="mail" )
5. untuk pemiloihan jenis kelamin menggunakan (type="radio")
6. untuk kecamatan menggunakan combobox
7. untuk save menggunakan (type="submit")
Tidak ada komentar:
Posting Komentar