input type = "submit" Tag tombol Vs apakah dapat dipertukarkan?

input type="submit"dan buttontag mereka dipertukarkan? atau jika ada perbedaan maka Kapan digunakan input type="submit"dan kapan button?

Dan jika tidak ada perbedaan maka mengapa kita memiliki 2 tag untuk tujuan yang sama?

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

Tombol yang dibuat dengan fungsi elemen BUTTON sama seperti tombol yang dibuat dengan elemen INPUT, tetapi mereka menawarkan kemungkinan rendering yang lebih kaya: elemen BUTTON mungkin memiliki konten. Misalnya, elemen BUTTON yang berisi fungsi gambar suka dan mungkin menyerupai elemen INPUT yang tipenya diatur ke "gambar", tetapi tipe elemen BUTTON memungkinkan konten.

Jadi hanya untuk fungsi mereka bisa dipertukarkan!

(Jangan lupa, type="submit"ini standarnya button, jadi tinggalkan saja!)

Ini <input type="button">hanya sebuah tombol dan tidak akan melakukan apa pun dengan sendirinya. Itu <input type="submit">, ketika di dalam elemen formulir, akan mengirimkan formulir ketika diklik.

Tombol 'khusus' lain yang bermanfaat adalah tombol <input type="reset">yang akan menghapus formulir.

Gunakan tag <button> alih-alih <input type = "button" ..> . Ini adalah latihan yang disarankan dalam bootstrap 3.

http://getbootstrap.com/css/#buttons-tags

"Render lintas browser

Sebagai praktik terbaik, kami sangat menyarankan menggunakan elemen <button> bila memungkinkan untuk memastikan rendering lintas-browser yang cocok.

Di antara hal-hal lain, ada bug Firefox yang mencegah kita mengatur ketinggian baris tombol berbasis <input>, menyebabkannya tidak sama persis dengan ketinggian tombol lain di Firefox. "

Meskipun kedua elemen memberikan hasil yang sama * secara fungsional , saya sangat menyarankan Anda menggunakan<button> :

• Jauh lebih eksplisit dan mudah dibaca. inputmenyarankan bahwa kontrol dapat diedit , atau dapat diedit oleh pengguna; buttonjauh lebih eksplisit dalam hal tujuan yang dilayaninya
• Lebih mudah untuk bergaya di CSS; seperti yang disebutkan di atas, FIrefox dan IE memiliki kebiasaan yang input[type="submit"]tidak ditampilkan dengan benar dalam beberapa kasus
• Permintaan yang dapat diprediksi: IE memiliki perilaku yang sangat tinggi ketika nilai dikirimkan dalam POST/ GETpermintaan ke server
• Ramah markup; Anda dapat menyarangkan item, misalnya, ikon, di dalam tombol.
• HTML5, berpikiran maju; sebagai pengembang, adalah tanggung jawab kami untuk mengadopsi spesifikasi baru setelah disetujui. HTML5, pada saat ini, telah resmi selama lebih dari satu tahun sekarang, dan telah ditunjukkan dalam banyak kasus untuk meningkatkan SEO .

* _{Dengan pengecualian yang secara default tidak memiliki perilaku yang ditentukan.<button type="button">}

Singkatnya, saya sangat menyarankan penggunaan<input type="submit" /> .

<input type='submit' />tidak mendukung HTML di dalamnya, karena ini adalah tag penutup sendiri. <button>, Di sisi lain, mendukung HTML, gambar, dll dalam karena itu sepasang tag: <button><img src='myimage.gif' /></button>. <button>juga lebih fleksibel dalam hal styling CSS.

Kerugiannya <button>adalah tidak didukung sepenuhnya oleh peramban lama. IE6 / 7, misalnya, tidak menampilkannya dengan benar.

Kecuali Anda memiliki alasan tertentu, mungkin yang terbaik adalah tetap berpegang pada <input type='submit' />.

Saya menyadari ini adalah pertanyaan lama tetapi saya menemukan ini di mozilla.org dan saya pikir ini berlaku.

Sebuah tombol dapat terdiri dari tiga jenis: kirim, setel ulang, atau tombol. Klik pada tombol kirim mengirimkan data formulir ke halaman web yang ditentukan oleh atribut tindakan elemen.

Klik pada tombol setel ulang akan segera mereset semua widget formulir ke nilai defaultnya. Dari sudut pandang UX, ini dianggap praktik buruk.

Klik pada tombol tombol tidak ... apa-apa! Kedengarannya konyol, tetapi sangat berguna untuk membuat tombol khusus dengan JavaScript.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form#And_a_<button>_to_finish

<button>lebih baru daripada <input type="submit">, lebih semantik, mudah untuk menyesuaikan dgn mode dan mendukung HTML di dalamnya.

Sementara jawaban lainnya bagus dan menjawab pertanyaan, ada satu hal yang perlu dipertimbangkan saat menggunakan input type="submit"dan button. Dengan input type="submit"Anda tidak dapat menggunakan elemen pseudo CSS pada input tetapi Anda bisa untuk tombol!

Ini adalah salah satu alasan untuk menggunakan buttonelemen pada input ketika datang ke styling.

Saya tidak tahu apakah ini bug atau fitur, tetapi ada perbedaan yang sangat penting (setidaknya untuk beberapa kasus) yang saya temukan: <input type="submit">membuat pasangan nilai kunci dalam permintaan Anda dan <button type="submit">tidak. Diuji di Chrome dan Safari.

Jadi, ketika Anda memiliki beberapa tombol kirim di formulir Anda dan ingin tahu mana yang diklik - jangan gunakan button, gunakan input type="submit"saja.

Jika Anda berbicara tentang <input type=button>, itu tidak akan secara otomatis mengirimkan formulir

jika Anda berbicara tentang <button>tag, itu lebih baru dan tidak secara otomatis dikirimkan di semua browser.

Intinya, jika Anda ingin formulir dikirimkan pada klik di semua browser, gunakan <input type="submit">