Minggu, 01 Maret 2015

Membuat Formulir Dengan Notepad

<!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