Perbedaan antara <input type='submit' /> dan teks

Ada banyak legenda tentang mereka. Aku ingin tahu yang sebenarnya. Apa perbedaan antara dua contoh berikut?

  1. <input type=&#39;submit&#39; nilai=&#39;text&#39; />

  2. <button type=&#39;submit&#39;>teks</tombol>

Mengomentari pertanyaan (3)
Larutan

Tidak yakin di mana anda mendapatkan anda legends dari:

Tombol Submit dengan <tombol>

Seperti dengan:

(html content)

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:

<input type="button" />

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:

<input type="submit" />

Seperti mantan, tapi benar-benar menyerahkan sekitarnya form.

Gambar tombol submit dengan <input>

Seperti dengan:

<input type="image" />

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 menggunakan usemap-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.

Komentar (1)

Dengan <tombol>, anda dapat menggunakan tag img, dll. di mana teks

 text -- can be img etc.  

dengan <input> type, anda terbatas pada teks

Komentar (6)

Secara ringkas :

<input type="submit">

 Submit 

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.

Komentar (0)