Lebih
Perbedaan antara <input type='submit' /> dan teks
Ada banyak legenda tentang mereka. Aku ingin tahu yang sebenarnya. Apa perbedaan antara dua contoh berikut?
-
<input type='submit' nilai='text' />
-
<button type='submit'>teks</tombol>
137
3
Tidak yakin di mana anda mendapatkan anda legends dari:
Tombol Submit dengan
<tombol>
Seperti dengan:
IE6 akan mengirimkan semua teks untuk tombol ini di antara tag, browser lain hanya akan menyerahkan nilai. Menggunakan
<tombol>
memberi anda lebih banyak kebebasan tata letak desain dari tombol. Dalam semua maksud dan tujuan, tampaknya sangat baik pada awalnya, namun berbagai browser quirks membuat sulit untuk menggunakan di kali.Dalam contoh anda, IE6 akan mengirim
text
ke server, sementara yang lain kebanyakan browser akan mengirimkan apa-apa. Untuk membuatnya lintas-browser yang kompatibel, gunakan<button type="kirim" nilai="text">teks</tombol>
. Lebih baik lagi: don't menggunakan nilai, karena jika anda menambahkan HTML ini menjadi agak rumit apa yang diterima pada sisi server. Sebaliknya, jika anda harus mengirim nilai tambahan, gunakan field tersembunyi.Dengan tombol
<input>
Seperti dengan:
Secara default, ini tidak apa-apa. Itu bahkan tidak akan mengirimkan formulir anda. Anda hanya dapat menempatkan teks pada tombol dan memberikan ukuran dan perbatasan dengan cara CSS. Aslinya (dan saat ini) tujuannya adalah untuk mengeksekusi script tanpa perlu menyerahkan formulir ke server.
# # # Yang Normal tombol submit dengan
<input>
Seperti dengan:
Seperti mantan, tapi benar-benar menyerahkan sekitarnya form.
Gambar tombol submit dengan
<input>
Seperti dengan:
Seperti mantan (menyerahkan), hal ini juga akan mengirimkan formulir, tetapi anda dapat menggunakan gambar apapun. Ini digunakan untuk menjadi cara yang lebih disukai untuk menggunakan gambar sebagai tombol ketika formulir yang dibutuhkan mengirimkan. Untuk kontrol yang lebih,
<tombol>
sekarang digunakan. Hal ini juga dapat digunakan untuk server side peta gambar tapi yang's jarang hari ini. Ketika anda menggunakanusemap
-atribut dan (dengan atau tanpa atribut), browser akan mengirim mouse-pointer X/Y koordinat ke server (lebih tepatnya, mouse-pointer lokasi dalam tombol saat anda klik). Jika anda hanya mengabaikan tambahan ini, itu adalah tidak lebih dari sebuah tombol submit menyamar sebagai gambar.Ada beberapa perbedaan halus antara browser, tapi semua akan mengirimkan nilai-atribut, kecuali untuk
<tombol>
tag seperti yang dijelaskan di atas.Dengan
<tombol>
, anda dapat menggunakan tag img, dll. di mana teksdengan
<input>
type, anda terbatas pada teksSecara ringkas :
Keduanya secara default visual akan menarik tombol yang melakukan tindakan yang sama (menyerahkan formulir).
Namun, disarankan untuk menggunakan
<button type="kirim">
karena memiliki semantik yang lebih baik, baik ARIA dukungan dan lebih mudah untuk gaya.