Page 56 - Modu Web Kelas XI

51

MODUL VI
FORM DAN INPUT

Kompetensi Dasar

3.6. Menerapkan format formulir pada halaman web
4.6. Membuat kode html untuk menampilkan formulir pada halaman web

Tujuan Pembelajaran
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
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

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

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.
o Image : digunakan sebagai pengganti button, button yang berbentuk gambar.

Modul Pemrograman Web SMKN 2 Mojokerto