Page 59 - Modul web baru

www.flipbuilder.com www.flipbuilder.com 54 www.flipbuilder.com

MODUL VI

FORM DAN INPUT
Tujuan :
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
1. Menjelaskan Anatomi dan cara kerja form
2. Menjelaskan Format Formulir
3. Menjelaskan komponen entri teks (input teks password dan input

multi line) pada formulir halaman web.
4. Menjelaskan Komponen entri pilihan (input file, radio, checbox,

select dan datalist) pada formulir halaman web

5. Menunjukkan anatomi dan cara kerja form
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
6. Menunjukkan format formulir pada halaman web

7. Menunjukkan cara entri teks (input teks password dan input multiline) pada

formulir halaman web.
8. Menunjukkan komponen entri pilihan (input file, radio, checkbox, select dan

datalist) pada formulir halaman web
6.1. Form
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Form merupakan elemen HTML yang digunakan untuk mendapatkan masukan
dari pengguna web. Pengguna web dapat memasukkan input melalui halaman web.

Sintaks :
<form action=” URL “ method=”get/post” enctype=””>
</form>

Jenis masukan dalam suatu form dibedakan menjadi :
❑ Text : digunakan untuk memasukkan suatu nilai untuk dikirimkan ke server. Nilai
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
bisa berupa angka atau teks.
❑ Text Area : digunakan untuk memasukkan data dalam bentuk teks yang jumlah
karakternya banyak.
❑ Radio : menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih.
❑ Check Box : menyediakan beberapa pilihan, bisa lebih dari satu pilihan.
❑ List : pilihan dalam bentuk list., pilihan dapat lebih dari satu.
❑ Button : mendefinisikan tombol untuk melakukan pemrosesan form.
o Submit : untuk memenggil url, setelah selesai penginputan form.
o Reset : untuk menginisialisasi setiap elemen form.
o Button : untuk memebuat form lebih interaktif, untuk memanggil script (fungsi)
yang ada dalam dokumen HTML.
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
o Image : digunakan sebagai pengganti button, button yang berbentuk gambar.

Modul Pemrograman Web SMKN 2 Mojokerto

www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com