Cara Redirect Form dengan Button HTML
Form HTML adalah alat penting untuk mengumpulkan data dari pengguna. Namun, terkadang kita ingin mengarahkan pengguna ke halaman lain setelah mereka mengirimkan formulir. Ini dapat dilakukan dengan menggunakan atribut action pada tag <form> dan menambahkan tombol submit yang memicu pengiriman formulir.
Atribut action pada Tag <form>
Atribut action menentukan halaman tujuan setelah formulir dikirim. Berikut contohnya:
Kode di atas akan mengirimkan data formulir ke URL https://example.com/submit-form setelah tombol Kirim diklik.
Redirect dengan JavaScript
Jika kita ingin mengarahkan pengguna ke halaman lain tanpa mengirimkan data formulir, kita bisa menggunakan JavaScript.
Berikut contoh kode HTML dengan tombol submit yang memicu fungsi JavaScript:
Kode di atas akan mengarahkan pengguna ke halaman https://example.com/success setelah tombol Kirim diklik, tanpa mengirimkan data formulir.
Perbedaan antara Kedua Metode
Atribut action:
- Mengirimkan data formulir ke URL yang ditentukan.
- Digunakan untuk mengirimkan data ke server untuk memproses data.
JavaScript:
- Mengarahkan pengguna ke halaman lain tanpa mengirimkan data formulir.
- Digunakan untuk navigasi antar halaman.
Kesimpulan
Redirect form dengan button HTML dapat dilakukan dengan menggunakan atribut action pada tag <form> atau dengan menggunakan JavaScript. Pilih metode yang paling sesuai dengan kebutuhan Anda.