Pertemuan 21

 Belajar tentang Elemen form pada HTML

Elemen `<form>` dalam HTML digunakan untuk membuat formulir yang memungkinkan pengguna untuk mengirimkan data ke server. Formulir merupakan cara utama untuk mengumpulkan informasi dari pengguna, seperti teks, angka, pilihan, dll.

Berikut adalah contoh elemen `<form>`:

Penjelasan dari kode di atas:

- `<form>`: Ini adalah elemen utama yang menandai awal dan akhir dari formulir.

- `action="/proses_data"`: Ini adalah atribut yang menunjukkan ke alamat atau rute di server tempat data formulir akan dikirimkan untuk diproses.

- `method="post"`: Ini adalah metode HTTP yang akan digunakan untuk mengirimkan data formulir ke server. Dalam contoh ini, metode "post" digunakan, yang berarti data formulir akan dikirim dalam badan permintaan HTTP.

- `<input>`: Ini adalah salah satu dari banyak kontrol formulir yang dapat digunakan. Dalam contoh di atas, kita memiliki elemen input tipe teks dan tombol kirim. Setiap kontrol formulir memiliki atribut `type` yang menentukan jenis data yang akan dikumpulkan.

- `name="nama"`: Ini adalah atribut yang memberikan nama untuk kontrol formulir ini. Nama ini akan digunakan untuk mengidentifikasi data saat formulir dikirim.

- `placeholder="Nama"`: Ini adalah atribut yang memberikan contoh teks untuk membantu pengguna mengisi formulir.

- `<input type="submit" value="Kirim">`: Ini adalah elemen input tipe "submit" yang berfungsi sebagai tombol kirim formulir.

Formulir dapat berisi berbagai jenis kontrol seperti teks, angka, pilihan, kotak centang, dan banyak lagi. Kontrol-kontrol ini digunakan untuk mengumpulkan berbagai jenis data dari pengguna.

Setelah pengguna mengisi formulir dan mengklik tombol kirim, data akan dikirim ke server untuk diproses sesuai dengan rute yang ditentukan dalam atribut `action`.

Formulir adalah alat penting dalam pengembangan web karena memungkinkan interaksi antara pengguna dan situs web. Data dari formulir sering digunakan untuk mendaftar pengguna, mengumpulkan umpan balik, melakukan pencarian, dan banyak lagi.

 

 

 


Komentar

Postingan populer dari blog ini

Sinergi Mahasiswa dan Warga: Strategi Kelompok 17 KKN UNUGIRI Angkat Potensi Ekonomi Desa Kedungrejo