Koding itu keren

1. FORM

2. What Form HTML?
• Web page memungkinkan kita interaktif
dengan pengunjung web , salah satunya
dalah dengan penggunaan FORM

3. Kegunaan Form
• Memperoleh data – data user baik nama,
alamat dan data lainnya unruk mendaftar
pada servis yang disediakan.
• Memperoleh Informasi pembelian secara
on-line
• Memperoleh feedback dari user mengenai
website anda.

4. Form elemen
• Tag <Form> digunakan untuk membuat
form pada dokumen HTML yang diakhiri
dengan tag </Form>.

5. HTML INPUT Elemen
• Pada saat membuat form anda bisa
meletakkan control-control pada form
unruk memperbolehkan inputan dari user.
• Semua control mbiasanya diletakkan
antara tak <FORM></FORM>.
• Bisa juga diletakkan di luar control
tersebut.
• Untuk menambahkan control gunakan tag
<input>

6. Macam-macam component INPUT
• Button, memiliki
atribut:
Attribut Description
Name Nama Control
Size Ukuran Control
Type <input type=“button”>
Value Untuk memberikan value ke
input

7. Contoh..

8. Macam-macam component INPUT
• Text
• Untuk membuat Single line text control.
• Atribut Size digunakan untuk menentukan
jumlah karakter yang bisa ditampilkan
• Sedangkan Attribut Maxlenght digunakan
utuk menentukan maximum character
yang dimasukkan

9. Contoh..

10. Tampil browser

11. Macam-macam component INPUT
• CheckBox, memiliki atribut:
Attribut Description
Checked Memberikan default check
Name Nama dari Control
Size Ukuran Control
Type <Input Type=“Checkbox”>
Value Memberikan value ke input

12. Contoh..

13. Tampil browser..

14. Macam-macam component INPUT
• Radio
• Setip radio button control harus memiliki
nama yang sama sehingga user hanya
bisa memilih satu option saja.

15. Atribut Radio
Attribut Description
Checked Memberikan default check
Name Nama dari Control
Size Ukuran Control
Type <Input Type=“Radio”>
Value Memberikan value ke input

16. Contoh..

17. Tampil Browser

18. Text Area
• Untuk Membuat textArea gunakan tag
<textarea></textarea>
Attribut Description
Cols Lebar Text Area
Rows Jumlah Baris
Nama Nama Control
Size Ukuran Control

19. Contoh..

20. Tampil Browser

21. Combo Box/Listbox (selection)S
• Tag <select> digunakan untuk membuat
component combo box sedangkan untuk
item dari combo box menggunakan tag
<option>

22. Method
• Pada HTML metoda ini dinyatakan dengan
atribut METHOD di dalam elemen FORM .
• Metoda pengiriman data pada form
terdapat dua yaitu GET dan POST.

23. • metode GET mengirimkan data pada server
dengan cara meletakkannya pada bagian akhir
URL yang menunjuk pada script pemroses
• Metode POST tidak seperti metode GET yang
mengirimkan datanya secara terpisah pada
suatu standar input. Script mengambil data form
dari stabdar input ini , dengan adanya
penyimpanan data secara tersendiri membuat
metoda POST bisa menyimpan data input dalam
jumlah banyak.