Mari Mengenal HTML : Membuat Form

Hallo semuanya, Nah pada kesempatan kali ini saya akan memposting tentang bagaimana cara membuat form pada HTML. Element form didefinisikan dengan tag <form> digunakan untuk mengumpulakan input para pengguna.

Jenis atribut pada element <input> :

Membuat form Text
<input type ="text">, mendefinisikan sebuat field dalam satu baris untuk menginputkan teks.
Contoh Script :

Hasil dari script diatas :

Membuat form Radio
<input type="radio">, sebuah tombol radio yang digunakan untuk memilih salah satu pilihan dari banyaknya pilihan.
Contoh Script :

Hasil dari script diatas :

Membuat form Submit
<input type="submit", sebuah tombol yang digunakan untuk mengirimkan formulir.
Contoh Script :

Hasil dari script diatas :

Membuat form drop down
Menggunak tag <option>, merupakan sebuah opsi yang digunakan untuk memilih pilihan yang diinginkan.
Contoh script :

Hasil dari script diatas :
Apabila anda meng-klik maka akan muncul pilihan menu makanan

 

Mengisi ulang data, menggunakan <input type="reset"> untuk mengatur ulang semua nilai ke bentuk nilai standar.

Contoh Script :

Hasil dari script diatas :

Apabila anda meng-klik reset maka data yang telah diisikan akan kosong, tampilannya seperti dibawah ini

Membuat form dengan checkbox
<input type="checkbox"> sebuah kotak centang yang digunakan untuk memilih dari banyak pilihan tetepi boleh memilih lebih dari satu pilihan.
Contoh script :

 Hasil dari script diatas :

Membuat form Button <input type="button">
Contoh script :

 Hasil dari script diatas :

Apabila anda meng-klik "Klik" maka akan muncul seperti tampilan dibawah ini

Cukup sampai disini postingan dari saya.

 Terimaksih

Selamat Mencoba

Referensi:
http://www.w3schools.com/html/html_form_elements.asp 
http://www.w3schools.com/html/html_forms.asp 
http://www.w3schools.com/html/html_form_input_types.asp 
isanurhaeni03skansa.blogspot.co.id/