input type = "submit" Vs tag tag são intercambiáveis?

input type="submit"e buttontag são intercambiáveis? ou se houver alguma diferença, quando usar input type="submit"e quando button?

E se não há diferença, por que temos duas tags para a mesma finalidade?

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

Os botões criados com o elemento BUTTON funcionam da mesma forma que os botões criados com o elemento INPUT, mas oferecem mais possibilidades de renderização: o elemento BUTTON pode ter conteúdo. Por exemplo, um elemento BUTTON que contém uma imagem funciona como e pode se parecer com um elemento INPUT cujo tipo está definido como "imagem", mas o tipo de elemento BUTTON permite conteúdo.

Portanto, apenas para funcionalidade, eles são intercambiáveis!

(Não se esqueça, type="submit"é o padrão com button, então deixe-o desligado!)

O <input type="button">é apenas um botão e não fará nada por si só. O <input type="submit">, quando estiver dentro de um elemento do formulário, enviará o formulário quando clicado.

Outro botão 'especial' útil é o <input type="reset">que limpará o formulário.

Use a tag <button> em vez de <input type = "button" ..> . É a prática recomendada no bootstrap 3.

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

"Renderização em vários navegadores

Como prática recomendada, é altamente recomendável usar o elemento <button> sempre que possível para garantir a renderização correspondente no navegador.

Entre outras coisas, há um bug do Firefox que nos impede de definir a altura da linha dos botões baseados em <input>, fazendo com que eles não correspondam exatamente à altura dos outros botões no Firefox ".

Embora ambos os elementos apresentem funcionalmente o mesmo resultado *, recomendo fortemente que você use<button> :

• Muito mais explícito e legível. inputsugere que o controle é editável ou pode ser editado pelo usuário; buttoné muito mais explícito em termos da finalidade a que serve
• Mais fácil de estilizar em CSS; Como mencionado acima, o FIrefox e o IE têm peculiaridades nas quais input[type="submit"]não são exibidas corretamente em alguns casos
• Solicitações previsíveis: o IE tem comportamentos muito elevados quando os valores são enviados no POST/ GETrequest ao servidor
• Fácil de marcar; você pode aninhar itens, por exemplo, ícones, dentro do botão.
• HTML5, visão de futuro; como desenvolvedores, é nossa responsabilidade adotar as novas especificações depois que elas forem oficializadas. O HTML5, a partir de agora, é oficial há mais de um ano e, em muitos casos, demonstrou impulsionar o SEO .

* _{Com exceção do qual, por padrão, não possui comportamento especificado.<button type="button">}

Em resumo, eu desencorajo o uso de<input type="submit" /> .

<input type='submit' />não suporta HTML, pois é uma única tag de fechamento automático. <button>, Por outro lado, suporta HTML, imagens, etc. dentro porque é um par de tags: <button><img src='myimage.gif' /></button>. <button>também é mais flexível quando se trata de estilo CSS.

A desvantagem <button>é que não é totalmente suportado por navegadores mais antigos. O IE6 / 7, por exemplo, não o exibe corretamente.

A menos que você tenha algum motivo específico, provavelmente é melhor manter-se <input type='submit' />.

Sei que essa é uma pergunta antiga, mas achei no mozilla.org e acho que se aplica.

Um botão pode ser de três tipos: enviar, redefinir ou botão. Um clique no botão enviar envia os dados do formulário para a página da web definida pelo atributo de ação do elemento.

Um clique no botão de redefinição redefine todos os widgets do formulário para o valor padrão imediatamente. Do ponto de vista do UX, isso é considerado uma prática ruim.

Um clique no botão não faz ... nada! Parece bobagem, mas é incrivelmente útil criar botões personalizados com JavaScript.

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

<button>é mais recente que <input type="submit">, é mais semântico, fácil de estilizar e suportar HTML dentro dele.

Enquanto as outras respostas são ótimas e respondem à pergunta, há uma coisa a considerar ao usar input type="submit"e button. Com um, input type="submit"você não pode usar um pseudo-elemento CSS na entrada, mas pode usar um botão!

Esse é um dos motivos para usar um buttonelemento sobre uma entrada quando se trata de estilo.

Não sei se isso é um bug ou um recurso, mas há uma diferença muito importante (pelo menos em alguns casos) que encontrei: <input type="submit">cria um par de valores-chave em sua solicitação e <button type="submit">não. Testado no Chrome e Safari.

Portanto, quando você tiver vários botões de envio em seu formulário e quiser saber qual deles foi clicado - não use button, use input type="submit".

Se você está falando <input type=button>, ele não envia o formulário automaticamente

se você está falando sobre a <button>tag, é mais recente e não é enviado automaticamente em todos os navegadores.

Conclusão: se você deseja enviar o formulário com um clique em todos os navegadores, use <input type="submit">