Learn HTML Vol.9 - HTML FORM

Posted by : fadly injoker 2017/08/08

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

Wassalamualaikum wr.wb