typ wejścia = „Prześlij” Tag przycisku Vs Czy są one wymienne?

input type="submit"i czy buttonsą one wymienne? lub jeśli jest jakaś różnica, to kiedy input type="submit"i kiedy użyć button?

A jeśli nie ma różnicy, to dlaczego mamy 2 tagi do tego samego celu?

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

Przyciski utworzone za pomocą elementu BUTTON działają podobnie jak przyciski utworzone za pomocą elementu INPUT, ale oferują bogatsze możliwości renderowania: element BUTTON może zawierać treść. Na przykład element BUTTON, który zawiera obraz, działa podobnie i może przypominać element INPUT, którego typ jest ustawiony na „image”, ale typ elementu BUTTON zezwala na treść.

Tylko pod względem funkcjonalności są one wymienne!

(Nie zapomnij, że type="submit"jest to ustawienie domyślne button, więc zostaw to!)

To <input type="button">tylko przycisk i sam nic nie zrobi. <input type="submit">, Gdy wewnątrz elementu formularza, będzie przesłać formularz po kliknięciu.

Kolejnym przydatnym „specjalnym” przyciskiem jest ten <input type="reset">, który wyczyści formularz.

Użyj tagu <button> zamiast <input type = "button" ..> . Jest to zalecana praktyka w bootstrap 3.

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

„Renderowanie w różnych przeglądarkach

Najlepszym rozwiązaniem jest użycie elementu <button> w miarę możliwości, aby zapewnić dopasowanie renderowania w różnych przeglądarkach.

Między innymi istnieje błąd Firefoksa, który uniemożliwia nam ustawienie wysokości linii przycisków opartych na <input>, co powoduje, że nie pasują one dokładnie do wysokości innych przycisków w przeglądarce Firefox. ”

Chociaż oba elementy zapewniają funkcjonalnie ten sam wynik *, zdecydowanie zalecamy użycie<button> :

• Znacznie bardziej wyraźne i czytelne. inputsugeruje, że formant jest edytowalny lub może być edytowany przez użytkownika;buttonjest o wiele bardziej wyraźny pod względem celu, któremu służy
• Łatwiej stylizować w CSS; jak wspomniano powyżej, FIrefox i IE mają dziwactwa, w których input[type="submit"]w niektórych przypadkach nie wyświetlają się poprawnie
• Przewidywalne żądania: IE zachowuje się bardzo dobrze, gdy wartości są przesyłane do żądania POST/ GETdo serwera
• Przyjazny dla znaczników; wewnątrz przycisku można zagnieżdżać elementy, na przykład ikony.
• HTML5, wybiegające w przyszłość; jako programiści naszym obowiązkiem jest dostosowanie się do nowej specyfikacji po jej oficjalizacji. Obecnie HTML5 jest oficjalny od ponad roku i w wielu przypadkach wykazano, że poprawia SEO .

* _{Z wyjątkiem którego domyślnie nie ma określonego zachowania.<button type="button">}

Podsumowując, bardzo odradzam korzystanie z<input type="submit" /> .

<input type='submit' />nie obsługuje HTML, ponieważ jest to pojedynczy samozamykający się tag. <button>Z drugiej strony, obsługuje HTML, obrazy, itp wewnątrz bo to parę tag: <button><img src='myimage.gif' /></button>.<button>jest również bardziej elastyczny, jeśli chodzi o styl CSS.

Wadą <button>jest to, że nie jest w pełni obsługiwany przez starsze przeglądarki. Na przykład IE6 / 7 nie wyświetla go poprawnie.

Chyba że masz jakiś konkretny powód, prawdopodobnie najlepiej się trzymać <input type='submit' />.

Zdaję sobie sprawę, że to stare pytanie, ale znalazłem je na mozilla.org i myślę, że to dotyczy.

Przycisk może być trzech typów: prześlij, zresetuj lub przycisk. Kliknięcie przycisku wysyłania powoduje przesłanie danych formularza na stronę internetową zdefiniowaną przez atrybut akcji elementu.

Kliknięcie przycisku resetowania natychmiast resetuje wszystkie widżety formularzy do ich wartości domyślnej. Z punktu widzenia UX jest to uważane za złą praktykę.

Kliknięcie przycisku przycisku nie robi ... nic! Brzmi głupio, ale niezwykle przydatne jest budowanie niestandardowych przycisków za pomocą JavaScript.

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

<button>jest nowszy niż <input type="submit">, jest bardziej semantyczny, łatwy do stylizacji i obsługuje HTML w nim.

Podczas gdy pozostałe odpowiedzi są świetne i odpowiedzą na pytanie, jest jedna rzecz do rozważenia podczas używania input type="submit"i button. Nie input type="submit"możesz użyć pseudoelementu CSS na wejściu, ale możesz użyć przycisku!

Jest to jeden z powodów, dla których należy zastosować buttonelement nad wejściem, jeśli chodzi o stylizację.

Nie wiem, czy to błąd, czy funkcja, ale znalazłem bardzo ważną (przynajmniej w niektórych przypadkach) różnicę: <input type="submit">tworzy parę klucz-wartość w twoim żądaniu i <button type="submit">nie robi tego. Testowane w Chrome i Safari.

Więc jeśli masz w formularzu wiele przycisków przesyłania i chcesz wiedzieć, który został kliknięty - nie używaj button, użyj input type="submit"zamiast tego.

Jeśli mówisz o tym <input type=button>, formularz nie zostanie automatycznie przesłany

jeśli mówisz o <button>tagu, jest on nowszy i nie przesyła się automatycznie we wszystkich przeglądarkach.

Podsumowując, jeśli chcesz, aby formularz był przesyłany po kliknięciu we wszystkich przeglądarkach, użyj <input type="submit">