Form Didalam Html

Kali ini kita bahas sesuatu yang sering muncul saat membuat website, yaitu formulir (form). Form ini biasanya digunakan untuk mengirim data dari pengguna ke server, seperti formulir pendaftaran, login, atau komentar.

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Halo, calon ahli digital masa depan!
Yuk, belajar bareng Bu Mawar—karena dari satu klik, bisa lahir sejuta ide dan manfaat.

🌼 Apa Itu Form?

Form berfungsi untuk menampung data input dari pengguna.
Di dalam form, kita bisa menambahkan berbagai kolom isian menggunakan tag tertentu, misalnya <input>, <label>, <button>, dan <textarea>.

Tag dan fungsinya

Tag	Fungsi	Contoh
<input>	Membuat kolom isian data	<input type="text">
<label>	Memberi penjelasan pada kolom isian	<label>Nama:</label>
<button>	Membuat tombol interaktif (klik, kirim, reset)	<button type="submit">Kirim</button>
<textarea>	Menulis teks panjang atau pesan (multi-baris)	<textarea></textarea>

Jenis-jenis input

Type	Fungsi	Contoh
text	Isian teks biasa	<input type="text">
password	Menyembunyikan sandi	<input type="password">
email	Isian alamat email	<input type="email">
radio	Pilihan tunggal	<input type="radio" name="jk">
checkbox	Pilihan ganda	<input type="checkbox" name="hobi">
file	Mengunggah file	<input type="file">
submit	Tombol kirim form	<input type="submit" value="Kirim">
reset	Menghapus semua isian	<input type="reset" value="Hapus">

Tag <form> adalah bagian penting dalam pembuatan website yang interaktif.
Dengan kombinasi <input>, <label>, <button>, dan <textarea>, kita bisa membuat berbagai formulir: dari login sederhana hingga survei online.
Yuk terus berlatih agar makin mahir membuat web yang fungsional dan beradab digital — klik dengan adab, ketik dengan ilmu.