Senin, 05 Oktober 2015

Cara Membuat Form di HTML

Cara Membuat Form di HTML

<html>
<head>
<title>isi judul sesuai kebutuhan anda</title>
</head>
<body>
<form>
Nama : <input type="text"name="Nama"/><br>
Password : <input type="password"name="Password"/><br>
Jenis Kelamin : <input type="radio"value="Pria">Pria
<input type="radio"value="wanita">Wanita<br>
Hobi : <input type="checkbox"value="Membaca">Membaca
<input type="checkbox"value="menulis">Menulis
<input type="checkbox"value="melukis">Melukis<br>
Agama : <select name="Agama"><option>Islam
                                                                                       <option>Kristen
                                                                                         <option>Buddha
                                                                                       <option>Hindu
                                                                                       <option>Khatolik
                                                                                       <option>Protestan
                                                                                       <option>Konguchu
                                                    </select><br>
Kesan/Pesan : <textarea cols="30"rows="10">


                                                          </textarea><br>
<input type="submit">
<input type="reset">
 
</body>
</html>





Hasilnya seperti di bawah ini :


























Keterangan :

    •  Text Field = yaitu elemen yang digunakan untuk memasukan teks dalam satu baris. Penulisan : <input type="text">
    • Password Field = yaitu elemen yang digunakan untuk memasukan satu baris teks dengan format password. Penulisan : <input type="password">
    • Radio Button = yaitu elemen yang digunakan agar kamu dapat memilih salah satu pilihan. seperti : jenis kelamin, dll.Penulisan: <input type="radio">
    • Text Area = yaitu elemen yang digunakan sebagai input kontrol form untuk memasukan teks lebih dari satu baris. elemen tambahannya yaitu cols & rows. Penulisan =         <textarea cols="atur sesuai kebutuhan" rows="atur sesuai kebutuhan">                               </textarea>
    • Checkbox = yaitu elemen yang digunakan untuk dapat memilih lebih dari satu pilihan. 
       

0 komentar:

Posting Komentar