Membuat Formulir di HTML

Dengan membuat form (formulir dalam bahasa indonesianya), dapat memudahkan kita untuk kelengkapan admininstrasi web. Pada umumnya formulir diawali dengan tag <form> dan diakhiri dengan tag </form>, berikut contohnya :

<form>
<table border="0">
<tr>
<td>Nama :</td>
<td><input size="10" name="nama"></td>
</tr>
<tr>
<td>Alamat :</td>
<td><input size="40" name="Alamat"></td>
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" name="gender">laki-laki <input type="radio" name="gender">Perempuan</td>
</tr>
<tr>
<td>Hobby :</td>
<td><input type="checkbox" name="Hobby">Olahraga

<input type="checkbox" name="Hobby">Membaca

<input type="checkbox" name="Hobby">Musik

<input type="checkbox" name="Hobby">Nonton Tv

<input type="checkbox" name="Hobby">Internet

<input type="checkbox" name="Hobby">Game

<input type="checkbox" name="Hobby">Tidur

<input type="checkbox" name="Hobby">Jalan-jalan

<input type="checkbox" name="Hobby">Mengaji

<input type="checkbox" name="Hobby">Membaca
</td>
</tr>
<tr>
<td>Tingkatan sekolah : </td>
<td><select name="tingkatan sekolah"> <option value="Pilih salah satu">< Pilih Salah satu ></option><option value="TK">TK</option><option value="SD">SD</option><option value="SMP">SMP</option><option value="SMA">SMA</option><option value="Kuliah">Kuliah</option></select></td>
</tr><tr>
</tr><tr>
<td>Alasan Mengikuti Lomba</td>
<td><textarea rows="6"></textarea></td>
</tr>

<tr>
<td rowspan="2"><input type="radio" name="agree">Saya ingin ikut lomba</td>
<td>
</td>
</tr>

<tr>

<td><input type="submit" value="Submit" name="KIRIM">
<input type="reset" value="Batalkan semua" name="reset">
<input type="button" value="Keluar" name="button"></td>
<td>
</td>
</tr></table>
</form>

Untuk melihat hasilnya klik disini

Keterangan :

• Saya memakai table karena tampilan akan jauh lebih rapi.
• Dalam menentukan atribut "name=" anda bisa memakai nama yang anda sukai, bila terdiri dari dua kata, sertakan juga tanda petik dua "...."