Mata Pelajaran : Pemrograman Web 1
Materi : Form pada HTML
Kelas : XI RPL 1
Pengantar Form HTML
Form adalah elemen penting dalam web development yang memungkinkan pengguna untuk
mengirimkan data ke server. Form biasanya digunakan untuk login, mendaftar, mengirim komentar,
dan banyak lagi. Form dalam HTML ditandai dengan elemen <form>.
Elemen Dasar Form
1. Struktur Form
Berikut adalah struktur dasar sebuah form:
• action: URL tempat data form akan dikirimkan.
• method: Metode pengiriman data, biasanya GET atau POST.
2. Elemen Input
Form biasanya berisi elemen input seperti berikut:
a Input Text
b Input Password
c Textarea
d Select (Dropdown)
e Checkbox
f Radio Button
g Button Submit
Contoh Form Sederhana
Berikut ini contoh form biodata sederhana
Tugas :
Untuk menguji pemahaman kalian, cobalah latihan berikut ini:
1. Buat Form Pendaftaran
o Buat sebuah form dengan field berikut: Nama Lengkap, Email, Password, Gender
(laki-laki/perempuan), dan checkbox untuk "Setuju dengan Syarat dan Ketentuan".
2. Form Kontak
o Buat form kontak dengan field Nama, Email, Subjek, dan Pesan. Tambahkan juga
tombol "Kirim".
3. Form Pemesanan Produk
o Buat form pemesanan produk dengan field berikut: Nama Produk (dropdown),
Jumlah, Nama Pemesan, Alamat, dan metode pembayaran (Radio Button)