Belajar HTML part11 - Membuat FORM

HTML FORM 
BLC Telkom - KPLI Klaten 

 Assalamualaikum wr.wb

 FORM Pada HTML - Kali ini kita masih mengkubek-kubek tentang HTML.yaitu FORM HTML .Untuk membuat Form dibutuhkan sintaks <form></form>, jika pada HTML form hanya bisa diinput saja tetapi tidak tersimpan pada database karena masih bersifat statis dan sederhana.

1. Membuat Form berisi 3 field , Nama lengkap, email, dan password

1.1 Script

1.2 Hasil script 

2. Membuat Form berbentuk Radio button

2.1 Script

2.2 Hasil

 3.Membuat Form dengan tombol button submit

3.1 Script

3.2 Hasil

4.MembuatForm dengan menggunakan Dropdown

4.1 Script

4.2 Hasil

Jika menu di-klik maka akan muncul beberapa pilihan dibawahnya .

5.Membuat Form dengan Pengelompokan.
    Ditandai dengan sintaks <fieldset></fieldset>

5.1 Script

5.2 Hasil

6. Membuat Form Dropdown menggunakan tombol button sebagai aksi menuju halaman selanjutnya.

6.1 Script

6.2 Hasil

7.Membuat Form dengan button yang menampilkan textbox sebagai peringatan

7.1 Script

7.2 Hasil

7.3 Setelah di-klik kirim akan muncuul peringatan

8.Membuat Form dengan Type password

8.1 Script

8.2 Hasil 

9.Membuat Form dengan tombol Submit dan Reset
     Jika memilih submit akan menuju halaman selanjutnya, tetapi jika memilih
     reset data yang dimasukan di form akan terhapus dan harus mengisi ulang .

9.1 Script

9.2 Hasil

9.3 Setelah di reset

10. Membuat Form dengan Checkbox

10.1 Script

10.2 Hasil 

11. Membuat Form dengan menu number

11.1 Script

Referensi :
http://www.w3schools.com/html/html_forms.asp

   Beberapa penerapan FORM pada HTML bisa dimodifikasi dan dikembangkan sesuai keinginan teman-teman. Semoga bermanfaat dan menambah ilmu
Terimaksih, Wassalamualaikum wr.wb

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest