Menggunakan Tag Input untuk Mengirimkan Formulir
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.
-
- Tombol INPUT memberi banyak opsi yang sama dengan tag INPUT gambar, tetapi lebih mirip dengan jenis pengiriman standar. Ini membutuhkan JavaScript untuk mengaktifkan.
-
- Elemen COMMAND baru di HTML5, dan ini menyediakan cara untuk mengaktifkan skrip dan formulir dengan tindakan terkait. Ini diaktifkan dengan JavaScript.
Elemen INPUT
Elemen INPUT adalah cara paling umum untuk mengirimkan formulir, yang Anda lakukan hanyalah memilih jenis (tombol, gambar, atau kirim) dan jika perlu tambahkan beberapa scripting untuk dikirim ke aksi formulir.
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 atribut nilai. Tetapi tombol ini tidak akan mengirimkan formulir kecuali Anda menggunakan JavaScript.
onclick = "submit ();">
Ini mirip dengan jenis tombol, yang membutuhkan skrip untuk mengirimkan formulir. Kecuali bahwa alih-alih nilai teks, Anda perlu menambahkan URL sumber gambar.
src = "submit.gif">
Elemen TOMBOL
Elemen TOMBOL membutuhkan baik 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.
Menyerahkan formulir
Elemen COMMAND
Elemen COMMAND baru dengan HTML5. Tidak memerlukan FORMULIR untuk digunakan, tetapi dapat bertindak sebagai tombol submit 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 atribut label.
label = "Kirim Formulir">
Jika Anda ingin perintah Anda diwakili oleh sebuah gambar, Anda menggunakan atribut ikon.
icon = "submit.gif">
Artikel ini adalah bagian dari Tutorial Formulir HTML. Baca seluruh tutorial lengkap untuk mempelajari cara menggunakan formulir HTML.
Formulir HTML memiliki beberapa cara berbeda untuk dikirimkan, seperti yang telah Anda pelajari pada halaman sebelumnya. Dua dari metode tersebut adalah tag INPUT dan tag BUTTON. Ada alasan bagus untuk menggunakan kedua elemen ini.
Elemen INPUT
Tag adalah cara termudah untuk mengirimkan formulir. Tidak memerlukan apa pun di luar tag itu sendiri, bahkan bukan nilai. Ketika seorang pelanggan mengklik tombol, itu secara otomatis dikirimkan. Anda tidak perlu menambahkan skrip apa pun, browser tahu untuk mengirimkan formulir ketika tag kirim INPUT 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.
Gunakan metode INPUT ketika formulir Anda harus diakses bahkan di browser yang menonaktifkan JavaScript.
Elemen TOMBOL
Elemen TOMBOL menawarkan lebih banyak opsi untuk mengirim formulir. Anda dapat memasukkan apa pun ke dalam elemen TOMBOL dan mengubahnya menjadi tombol kirim. Kebanyakan orang menggunakan gambar dan teks. Tetapi Anda dapat membuat DIV dan menjadikannya sebagai tombol kirim jika Anda menginginkannya.
Kelemahan terbesar elemen TOMBOL adalah bahwa ia tidak secara otomatis mengirimkan formulir. Ini berarti perlu ada beberapa jenis skrip untuk mengaktifkannya. Dan itu lebih mudah diakses daripada metode INPUT. Setiap pengguna yang tidak mengaktifkan JavaScript tidak akan dapat mengirimkan formulir hanya dengan elemen TOMBOL untuk mengirimkannya.
Gunakan metode TOMBOL pada formulir yang tidak begitu penting. Juga, ini adalah cara yang bagus untuk menambahkan opsi pengajuan tambahan dalam satu formulir.
Artikel ini adalah bagian dari Tutorial Formulir HTML . Baca untuk mempelajari lebih lanjut tentang cara menggunakan formulir HTML