input type = “send” Vs düğme etiketi değiştirilebilir mi?

input type="submit"ve buttonetiketi değiştirilebilir mi? veya herhangi bir fark varsa Ne zaman input type="submit"ve ne zaman kullanılır button?

Fark yoksa, neden aynı amaçla 2 etiketimiz var?

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

BUTTON öğesiyle oluşturulan düğmeler, INPUT öğesiyle oluşturulan düğmeler gibi çalışır, ancak daha zengin oluşturma olanakları sunar: BUTTON öğesinin içeriği olabilir. Örneğin, bir görüntü işlevi içeren ve türü "görüntü" olarak ayarlanmış ancak BUTON öğesi türü içeriğe izin veren bir INPUT öğesine benzeyen bir BUTTON öğesi içeriğe izin verir.

Yani işlevsellik için sadece değiştirilebilirler!

(Unutmayın, type="submit"varsayılan değerdir button, bu yüzden bırakın!)

<input type="button">Sadece bir butona ve tek başına bir şey yapmaz. <input type="submit">Tıklandığında form öğesi içine formu göndermek ne zaman.

Başka bir yararlı 'özel' düğme <input type="reset">formu temizleyecektir.

<İnput type = "button" ..> yerine <düğmesi> etiketini kullanın . Bootstrap 3'te tavsiye edilen uygulamadır.

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

"Çapraz tarayıcı oluşturma

En iyi uygulama olarak, eşleşen tarayıcılar arası oluşturmayı sağlamak için mümkün olduğunda <düğmesi> öğesini kullanmanızı önemle öneririz.

Diğer şeylerin yanı sıra, <input> tabanlı düğmelerin satır yüksekliğini ayarlamamızı engelleyen ve Firefox'taki diğer düğmelerin yüksekliğiyle tam olarak eşleşmemelerine neden olan bir Firefox hatası var. "

Her iki öğe de işlevsel olarak aynı sonucu vermesine rağmen *, kesinlikle kullanmanızı öneririz<button> :

• Çok daha açık ve okunabilir. inputkontrolün düzenlenebilir olduğunu veya kullanıcı tarafından düzenlenebileceğini önerir ; buttonhizmet ettiği amaç açısından çok daha açık
• CSS'de stil oluşturmak daha kolay; yukarıda belirtildiği gibi, FIrefox ve IE input[type="submit"]bazı durumlarda doğru görüntülenmeyen tuhaflıklar var
• Öngörülebilir istekler: Değerler sunucuya POST/ GETistekte gönderildiğinde IE çok davranıyor
• Biçimlendirme dostu; düğmenin içindeki öğeleri, örneğin simgeleri iç içe yerleştirebilirsiniz.
• HTML5, ileri görüşlü; geliştiriciler olarak, resmi hale getirildikten sonra yeni spesifikasyonu benimsemek bizim sorumluluğumuzdur. HTML5, şu an itibariyle, bir yıldan uzun bir süredir resmi olarak çalışıyor ve birçok durumda SEO'yu arttırdığı gösterilmiştir .

* _{Varsayılan olarak belirtilen davranış dışında istisna yoktur.<button type="button">}

Özetle, kullanımını kesinlikle tavsiye etmiyorum<input type="submit" /> .

<input type='submit' />tek bir kendi kendine kapanan etiket olduğu için içindeki HTML'yi desteklemez. <button>, bir etiket çifti olduğu için içeride HTML, resim vb. destekler <button><img src='myimage.gif' /></button>. <button>CSS stili söz konusu olduğunda da daha esnektir.

Dezavantajı, <button>eski tarayıcılar tarafından tam olarak desteklenmemesidir. IE6 / 7, örneğin, doğru görüntülemiyor.

Belirli bir nedeniniz olmadıkça, muhtemelen en iyisi sadık kalmaktır <input type='submit' />.

Bunun eski bir soru olduğunun farkındayım ama bunu mozilla.org'da buldum ve geçerli olduğunu düşünüyorum.

Bir düğme üç tipte olabilir: gönderme, sıfırlama veya düğme. Gönder düğmesine tıklamak formun verilerini öğenin action özelliği tarafından tanımlanan web sayfasına gönderir.

Sıfırlama düğmesine tıklandığında tüm form widget'ları hemen varsayılan değerlerine sıfırlanır. UX bakış açısından, bu kötü uygulama olarak kabul edilir.

Bir düğme düğmesine tıklamak ... hiçbir şey yapmaz! Bu aptalca geliyor, ancak JavaScript ile özel düğmeler oluşturmak inanılmaz derecede faydalı.

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

<button>daha yeni <input type="submit">, daha semantik, stilize edilmesi ve içindeki HTML'yi desteklemesi kolay.

Diğer cevaplar büyük ve soruya cevap ederken kullanırken dikkat edilmesi bir şey var input type="submit"ve button. Bir ile input type="submit"siz kullanamazsınız girişi bir CSS sözde elemanı ancak can bir düğme için!

buttonBiçimlendirme söz konusu olduğunda, bir öğeyi girdi üzerinde kullanmak için bir nedendir .

Bu bir hata veya özellik olup olmadığını bilmiyorum, ama çok önemli (en azından bazı durumlarda) fark buldum: <input type="submit">isteğinizde anahtar / değer çifti oluşturur ve <button type="submit">yapmaz. Chrome ve Safari'de test edildi.

Dolayısıyla, formunuzda birden fazla gönderme düğmeniz varsa ve hangisinin tıklandığını bilmek istiyorsanız - kullanmayın button, input type="submit"bunun yerine kullanın.

Eğer bahsediyorsanız <input type=button>, formu otomatik olarak göndermez

<button>etiket hakkında konuşuyorsanız , bu daha yenidir ve tüm tarayıcılarda otomatik olarak gönderilmez.

Sonuç olarak, formun tüm tarayıcılarda tıklandığında gönderilmesini istiyorsanız, <input type="submit">