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 tag memberi banyak pilihan yang sama seperti imej
INPUT tag, tetapi kelihatan seperti jenis penyerahan standard. Ia memerlukan JavaScript untuk diaktifkan.
- Butang
-
- The
BUTTON tag adalah jenis butang yang lebih serba boleh daripada yang
INPUT tag. Tag ini memerlukan Javacript untuk diaktifkan.
- The
- The
COMMAND elemen baru dalam HTML5, dan menyediakan cara untuk mengaktifkan skrip dan bentuk dengan tindakan yang terkait. Ia diaktifkan dengan JavaScript.
- The
Elemen INPUT
Input itu
INPUT elemen adalah cara yang paling biasa untuk menghantar borang, semua yang anda lakukan adalah memilih jenis (
butang,
gambar, atau
hantar) dan jika perlu menambah beberapa skrip untuk diserahkan kepada tindakan bentuk.
The 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 "Hantar Pertanyaan." Untuk menukar butang yang dikatakan, anda harus menambah atribut:
nilai = "Submit Borang">
Elemen itu 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
nilaiatribut. Tetapi butang ini tidak akan menghantar borang melainkan anda menggunakan JavaScript.
onclick = "submit ();">
Yang sama dengan
butangjenis, yang memerlukan skrip untuk menyerahkan borang. Kecuali itu bukan nilai teks, anda perlu menambah URL sumber imej.
Elemen Button
The
BUTTONelemen memerlukan kedua-dua tag pembuka dan tag tutup. Apabila anda menggunakannya, apa-apa kandungan yang anda masukkan di dalam teg akan dilampirkan 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.
Elemen Perintah
The
COMMANDelemen baru dengan HTML5. Ia tidak memerlukan a
BORANG untuk digunakan, tetapi ia boleh bertindak sebagai butang serah untuk borang. 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 a
labelatribut.
label = "Submit Form">
Sekiranya anda mahu arahan anda diwakili oleh imej, anda menggunakannya
ikonatribut.
icon = "submit.gif">
Borang HTML mempunyai beberapa cara untuk dihantar, seperti yang anda pelajari pada halaman sebelumnya. Dua daripada kaedah tersebut ialah
INPUTtag dan
BUTTONtag. 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
nilaiApabila pelanggan mengklik pada butang, ia menyerahkan secara automatik. Anda tidak perlu menambah sebarang skrip, pelayar tahu menghantar borang apabila dihantar
INPUTtag 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.
Menggunakan
INPUTkaedah apabila borang anda boleh diakses walaupun dalam pelayar yang telah mematikan JavaScript.
Unsur BUTTON
The
BUTTONelemen menawarkan lebih banyak pilihan untuk menghantar borang. Anda boleh meletakkan apa-apa di dalam a
BUTTONelemen dan menjadikannya butang penyerah. Kebanyakan orang menggunakan imej dan teks. Tetapi anda boleh mencipta
DIV dan membuat keseluruhan butang butang hantar jika anda mahu.
Kelemahan terbesar kepada
BUTTONelemen adalah bahawa ia tidak menyerahkan borang secara automatik. Ini bermakna ada beberapa jenis skrip untuk mengaktifkannya. Dan sebagainya ia kurang boleh diakses daripada yang
INPUTkaedah. Mana-mana pengguna yang tidak menghidupkan JavaScript tidak akan dapat menghantar borang dengan hanya satu
BUTTONelemen untuk menyerahkannya.
Menggunakan
BUTTONkaedah pada bentuk yang tidak begitu kritikal. Juga, ini adalah cara terbaik untuk menambah pilihan penyerahan tambahan dalam satu bentuk.
