Menggunakan Tag Input untuk Mengirim Borang
Borang HTML adalah salah satu cara yang paling asas untuk menambah interaktiviti ke laman web anda. Anda boleh bertanya dan mendapatkan jawapan dari pembaca anda, memberikan maklumat tambahan dari pangkalan data, membuat permainan, dan banyak lagi. Terdapat beberapa elemen HTML yang boleh anda gunakan untuk membina borang anda. Dan sebaik sahaja anda telah membina borang anda, terdapat banyak cara yang berbeza untuk menghantar data tersebut ke pelayan atau hanya memulakan tindakan bentuk yang berjalan.
Ini adalah beberapa cara anda boleh menghantar borang anda:
-
- Ini adalah kaedah paling biasa untuk mendapatkan data ke pelayan, tetapi ia boleh dilihat dengan sangat jelas.
-
- Menggunakan imej menjadikannya sangat mudah untuk menjadikan butang penyerahan anda sesuai dengan gaya laman web anda. Tetapi sesetengah orang mungkin tidak mengiktirafnya sebagai butang penyerah.
-
- Butang INPUT butang memberi banyak pilihan yang sama dengan tag INPUT imej, tetapi kelihatan seperti jenis penyerahan piawai. Ia memerlukan JavaScript untuk diaktifkan.
-
- Tag BUTTON adalah jenis butang yang lebih serba boleh daripada tag INPUT. Tag ini memerlukan Javacript untuk diaktifkan.
-
- Elemen COMMAND adalah baru dalam HTML5, dan ia menyediakan cara untuk mengaktifkan skrip dan bentuk dengan tindakan yang berkaitan. Ia diaktifkan dengan JavaScript.
Elemen INPUT
Elemen INPUT adalah cara yang paling biasa untuk menghantar borang, semua yang anda lakukan adalah memilih jenis (butang, imej, atau serah) dan jika perlu menambahkan skrip untuk diserahkan kepada tindakan bentuk.
elemen boleh ditulis seperti itu. Tetapi jika anda melakukannya, anda akan mempunyai hasil yang berbeza dalam pelayar yang berbeza. Kebanyakan pelayar membuat butang yang mengatakan "Hantar," tetapi Firefox membuat butang yang mengatakan "Menyerahkan Pertanyaan." Untuk menukar butang yang dikatakan, anda harus menambahkan atribut:
nilai = "Submit Borang">
Unsur ini ditulis seperti itu, tetapi jika anda meninggalkan semua atribut lain, semua yang akan dipaparkan dalam pelayar adalah butang abu-abu kosong. Untuk menambah teks pada butang, gunakan atribut nilai. Tetapi butang ini tidak akan menghantar borang melainkan anda menggunakan JavaScript.
onclick = "submit ();">
Yang serupa dengan jenis butang, yang memerlukan skrip untuk menyerahkan borang. Kecuali itu bukan nilai teks, anda perlu menambah URL sumber imej.
src = "submit.gif">
Unsur BUTTON
Elemen BUTTON memerlukan kedua-dua tag pembuka dan tag penutup Apabila anda menggunakannya, apa-apa kandungan yang anda masukkan di dalam tag akan disertakan dalam butang. Kemudian anda mengaktifkan butang dengan skrip.
Hantar Borang
Anda boleh memasukkan imej dalam butang anda atau menggabungkan imej dan teks untuk membuat butang yang lebih menarik.
Hantar Borang
Elemen UTAMA
Unsur COMMAND adalah baru dengan HTML5. Ia tidak memerlukan FORM untuk digunakan, tetapi ia boleh bertindak sebagai butang penyerahan untuk suatu bentuk. Elemen ini membolehkan anda membuat lebih banyak halaman interaktif tanpa memerlukan borang kecuali anda benar-benar memerlukan borang. Jika anda mahu arahan untuk mengatakan sesuatu, anda menulis maklumat dalam atribut label.
label = "Submit Form">
Jika anda mahu arahan anda diwakili oleh imej, anda menggunakan atribut ikon.
icon = "submit.gif">
Artikel ini adalah sebahagian daripada Tutorial Borang HTML. Baca melalui tutorial penuh untuk mempelajari cara menggunakan borang HTML.
Borang HTML mempunyai beberapa cara untuk dihantar, seperti yang anda pelajari pada halaman sebelumnya. Dua daripada kaedah tersebut adalah tag INPUT dan tag BUTTON. Terdapat sebab-sebab yang baik untuk menggunakan kedua-dua elemen ini.
Elemen INPUT
Tag adalah cara yang paling mudah untuk menghantar borang. Ia tidak memerlukan apa-apa di luar tag itu sendiri, bahkan tidak bernilai. Apabila pelanggan mengklik pada butang, ia menyerahkan secara automatik. Anda tidak perlu menambah sebarang skrip, pelayar mengetahui untuk menghantar borang apabila menghantar INPUT tag diklik.
Masalahnya adalah bahawa butang ini sangat hodoh dan jelas. Anda tidak boleh menambah imej kepadanya. Anda boleh gaya seperti mana-mana unsur lain, tetapi ia masih boleh merasakan seperti butang hodoh.
Gunakan kaedah INPUT apabila borang anda perlu diakses walaupun dalam pelayar yang telah dimatikan JavaScript.
Unsur BUTTON
Elemen BUTTON menawarkan lebih banyak pilihan untuk menyerahkan borang. Anda boleh meletakkan apa-apa di dalam elemen BUTTON dan menjadikannya butang penyerah. Kebanyakan orang menggunakan imej dan teks. Tetapi anda boleh membuat DIV dan menjadikan keseluruhan butang butang penyerah jika anda mahu.
Kelemahan terbesar kepada elemen BUTTON ialah ia tidak menyerahkan borang secara automatik. Ini bermakna ada beberapa jenis skrip untuk mengaktifkannya. Oleh itu, ia kurang boleh diakses daripada kaedah INPUT. Mana-mana pengguna yang tidak menghidupkan JavaScript tidak akan dapat menghantar borang dengan hanya elemen BUTTON untuk menyerahkannya.
Gunakan kaedah BUTTON pada bentuk yang tidak begitu kritikal. Juga, ini adalah cara terbaik untuk menambah pilihan penyerahan tambahan dalam satu bentuk.
Artikel ini adalah sebahagian daripada Tutorial Borang HTML . Bacalah untuk mengetahui lebih lanjut mengenai cara menggunakan borang HTML