O que significa o atributo type com o valor submit em HTML?

O atributo type="submit" no elemento HTML <button> ou <input> determina que este elemento destina-se a enviar o formulário. Ao clicar no botão com este atributo, o navegador recolhe os dados de todos os elementos do formulário onde o botão está incluído e envia-os para a URL especificada no atributo action da tag <form> (ou para a URL atual se action não estiver especificado).

Como funciona:

• Dentro de <form>: O botão com type="submit" associa-se automaticamente ao formulário pai mais próximo. Clicar nele inicia o processo padrão de envio do formulário através do método HTTP especificado no atributo method (por padrão GET).
• Fora de <form>: Um botão com type="submit" fora de um formulário não tem funcionalidade automática de envio. Pode ser usado com JavaScript para enviar manualmente o formulário ou realizar outras ações.

Exemplo de uso:

<form action="/submit-handler" method="POST">
  <label for="username">Nome de utilizador:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Palavra-passe:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Enviar formulário</button>
</form>

Neste exemplo, ao clicar no botão "Enviar formulário", o navegador enviará os dados dos campos username e password para a URL /submit-handler usando o método POST.

Comparação com type="button":

Atributo	Propósito	Envio automático do formulário	Uso com JS
type="submit"	Enviar formulário	Sim	Sim
type="button"	Botão arbitrário, não relacionado com envio	Não	Sim