Tidak yakin dari mana Anda mendapatkan legenda tetapi:
Kirim tombol dengan <button>
Seperti:
<button type="submit">(html content)</button>
IE6 akan mengirimkan semua teks untuk tombol ini di antara tag, browser lain hanya akan mengirimkan nilai. Menggunakan <button>
memberi Anda lebih banyak kebebasan tata letak atas desain tombol. Dalam semua maksud dan tujuannya, itu tampak sangat baik pada awalnya, tetapi berbagai kebiasaan browser membuatnya sulit untuk digunakan di kali.
Dalam contoh Anda, IE6 akan mengirim text
ke server, sementara sebagian besar browser lain tidak akan mengirim apa pun. Untuk membuatnya kompatibel lintas-browser, gunakan <button type="submit" value="text">text</button>
. Lebih baik lagi: jangan gunakan nilainya, karena jika Anda menambahkan HTML itu menjadi agak rumit apa yang diterima di sisi server. Sebaliknya, jika Anda harus mengirim nilai tambahan, gunakan bidang tersembunyi.
Tombol dengan <input>
Seperti:
<input type="button" />
Secara default, ini tidak menghasilkan apa-apa. Bahkan tidak akan mengirimkan formulir Anda. Anda hanya dapat menempatkan teks pada tombol dan memberi ukuran dan batas dengan CSS. Maksud aslinya (dan saat ini) adalah untuk mengeksekusi skrip tanpa perlu mengirimkan formulir ke server.
Tombol kirim normal dengan <input>
Seperti:
<input type="submit" />
Seperti yang pertama, tetapi sebenarnya menyerahkan formulir di sekitarnya.
Tombol kirim gambar dengan <input>
Seperti:
<input type="image" />
Seperti yang pertama (kirim), itu juga akan mengirimkan formulir, tetapi Anda dapat menggunakan gambar apa pun. Ini dulunya merupakan cara yang disukai untuk menggunakan gambar sebagai tombol ketika formulir perlu dikirimkan. Untuk kontrol lebih lanjut, <button>
sekarang digunakan. Ini juga dapat digunakan untuk peta gambar sisi server tapi itu jarang terjadi hari ini. Saat Anda menggunakanusemap
-attribute dan (dengan atau tanpa atribut itu), browser akan mengirimkan koordinat X / Y mouse-pointer ke server (lebih tepatnya, lokasi pointer-mouse di dalam tombol saat Anda mengkliknya). Jika Anda mengabaikan ekstra ini, itu tidak lebih dari tombol kirim yang disamarkan sebagai gambar.
Ada beberapa perbedaan halus antara browser, tetapi semua akan mengirimkan atribut nilai, kecuali untuk <button>
tag seperti yang dijelaskan di atas.
<input type="submit">
dan<button type="submit">
?