Formulir HTML adalah salah satu cara paling dasar untuk menambahkan interaktivitas ke situs web Anda. Anda dapat mengajukan pertanyaan dan meminta jawaban dari pembaca Anda, memberikan informasi tambahan dari basis data, mengatur permainan, dan banyak lagi. Ada sejumlah elemen HTML yang dapat Anda gunakan untuk membangun formulir Anda. Dan setelah Anda membangun formulir Anda, ada banyak cara yang berbeda untuk mengirimkan data ke server atau mulai menjalankan aksi form.
Ini adalah beberapa cara Anda dapat mengirimkan formulir Anda:
-
- Ini adalah metode paling umum untuk mendapatkan data ke server, tetapi ini bisa sangat sederhana.
-
- Menggunakan gambar membuatnya sangat mudah untuk membuat tombol submit Anda sesuai dengan gaya situs Anda. Tetapi beberapa orang mungkin tidak mengenalinya sebagai tombol kirim.
-
- Tombolnya
MEMASUKKAN tag memberi banyak opsi yang sama dengan gambar
MEMASUKKAN tag, tetapi lebih mirip dengan jenis pengiriman standar. Ini membutuhkan JavaScript untuk mengaktifkan.
- Tombolnya
-
- Itu
TOMBOL tag adalah jenis tombol yang lebih serbaguna daripada
MEMASUKKAN menandai. Tag ini membutuhkan Javacript untuk diaktifkan.
- Itu
- Itu
PERINTAH elemen baru di HTML5, dan ini menyediakan cara untuk mengaktifkan skrip dan formulir dengan tindakan terkait. Ini diaktifkan dengan JavaScript.
- Itu
Elemen INPUT
Masukannya
MEMASUKKAN elemen adalah cara paling umum untuk mengirimkan formulir, yang Anda lakukan hanyalah memilih satu jenis (
tombol,
gambar, atau
menyerahkan) dan jika perlu tambahkan beberapa scripting untuk dikirim ke aksi formulir.
Itu elemen dapat ditulis begitu saja. Tetapi jika Anda melakukannya, Anda akan memiliki hasil yang berbeda di berbagai browser. Kebanyakan browser membuat tombol yang mengatakan "Kirim," tetapi Firefox membuat tombol yang mengatakan "Kirim Permintaan." Untuk mengubah apa yang dikatakan tombol, Anda harus menambahkan atribut:
value = "Kirim Formulir">
Elemen ini ditulis seperti itu, tetapi jika Anda meninggalkan semua atribut lainnya, semua yang akan ditampilkan di browser adalah tombol abu-abu kosong. Untuk menambahkan teks ke tombol, gunakan
nilaiatribut. Tetapi tombol ini tidak akan mengirimkan formulir kecuali Anda menggunakan JavaScript.
onclick = "submit ();">
Ini mirip dengan
tombolketik, yang membutuhkan skrip untuk mengirimkan formulir. Kecuali bahwa alih-alih nilai teks, Anda perlu menambahkan URL sumber gambar.
Elemen Tombol
Itu
TOMBOLelemen membutuhkan tag pembuka dan tag penutup. Saat Anda menggunakannya, konten apa pun yang Anda lampirkan di dalam tag akan diapit dalam sebuah tombol. Kemudian Anda mengaktifkan tombol dengan skrip.
Menyerahkan formulir
Anda dapat menyertakan gambar dalam tombol Anda atau menggabungkan gambar dan teks untuk membuat tombol yang lebih menarik.
Elemen Komando
Itu
PERINTAHelemen baru dengan HTML5. Itu tidak membutuhkan sebuah
BENTUK untuk digunakan, tetapi dapat berfungsi sebagai tombol kirim untuk formulir. Elemen ini memungkinkan Anda untuk membuat halaman yang lebih interaktif tanpa memerlukan formulir kecuali Anda benar-benar membutuhkan formulir. Jika Anda ingin perintah untuk mengatakan sesuatu, Anda menulis informasi dalam
labelatribut.
label = "Kirim Formulir">
Jika Anda ingin perintah Anda diwakili oleh sebuah gambar, Anda menggunakan
ikonatribut.
icon = "submit.gif">
Formulir HTML memiliki beberapa cara berbeda untuk dikirimkan, seperti yang telah Anda pelajari pada halaman sebelumnya. Dua dari metode tersebut adalah
MEMASUKKANtag dan
TOMBOLmenandai. Ada alasan bagus untuk menggunakan kedua elemen ini.
Elemen Masukan
Tag adalah cara termudah untuk mengirimkan formulir. Tidak membutuhkan apa pun di luar tag itu sendiri, bahkan tidak
nilaiKetika seorang pelanggan mengklik tombol, itu secara otomatis dikirimkan. Anda tidak perlu menambahkan skrip apa pun, browser tahu untuk mengirimkan formulir saat pengiriman
MEMASUKKANtag diklik.
Masalahnya adalah tombol ini sangat jelek dan polos. Anda tidak dapat menambahkan gambar ke dalamnya. Anda dapat mengaturnya seperti elemen lain, tetapi masih terasa seperti tombol yang jelek.
Menggunakan
MEMASUKKANmetode saat formulir Anda harus dapat diakses bahkan di browser yang menonaktifkan JavaScript.
Elemen TOMBOL
Itu
TOMBOLelemen menawarkan lebih banyak opsi untuk mengirimkan formulir. Anda bisa memasukkan apa pun ke dalam
TOMBOLelemen dan mengubahnya menjadi tombol submit. Kebanyakan orang menggunakan gambar dan teks. Tetapi Anda bisa membuat
DIV dan membuat semuanya mengirimkan tombol jika Anda mau.
Kelemahan terbesar ke
TOMBOLelemen adalah bahwa ia tidak secara otomatis mengirimkan formulir. Ini berarti perlu ada beberapa jenis skrip untuk mengaktifkannya. Dan itu lebih mudah diakses daripada
MEMASUKKANmetode. Setiap pengguna yang tidak mengaktifkan JavaScript tidak akan dapat mengirimkan formulir hanya dengan
TOMBOLelemen untuk mengirimkannya.
Menggunakan
TOMBOLmetode pada formulir yang tidak begitu penting. Juga, ini adalah cara yang bagus untuk menambahkan opsi pengajuan tambahan dalam satu formulir.
