Web Statis Pertemuan 7 Form input Form Digunakan

Web Statis Pertemuan 7 Form & input

Form �Digunakan sebagai media input

Contoh penggunaan form

Komponen dalam form �Text input �Password input �Textarea �Radiobutton �Checkbox �Dropdown box �Button/tombol �Image button �File upload

Cara kerja form �User mengisi form dan menekan tombol submit untuk mengirimkan informasi ke server �Server memproses informasi dengan bahasa pemrograman web seperti php, java, phyton , asp, dll �Server menghasilkan halaman baru. informasi baru dan menampilkannya di browser.

Struktur form <form action="http: //www. ex. com/subscribe. php" method="get"> <p>This is where the form controls will appear. </p> </form>

Form method �Method adalah mekanisme/cara form mengirimkan informasi ke server �GET : value/informasi dari form akan ditambahkan pada akhir url �POST : value/informasi dari form akan dikirimkan melalui http header �GET digunakan untuk form dengan informasi yg pendek : search box

Text input

Password input

Textarea

Radio button

Check box

Dropdown

Multiple select box

File input

Submit button

Image button

Tombol hidden

Label

Form validation >> html 5

Date input >> HTML 5

HTML 5 �Menambahkan beberapa jenis form input : �Date �Email �url �search

latihan �Form 1 �Form 2