¿Qué significa el atributo type con el valor submit en HTML?

El atributo type="submit" en el elemento HTML <button> o <input> determina que dicho elemento está destinado a enviar el formulario. Al hacer clic en el botón con este atributo, el navegador recopila los datos de todos los elementos del formulario en el que se incluye el botón y los envía a la URL especificada en el atributo action de la etiqueta <form> (o a la URL actual si action no está especificado).

Cómo funciona:

• Dentro de <form>: El botón con type="submit" se asocia automáticamente con el formulario padre más cercano. Al hacer clic en él, se inicia el proceso estándar de envío del formulario mediante el método HTTP especificado en el atributo method (por defecto GET).
• Fuera de <form>: Un botón con type="submit" fuera de un formulario no tiene funcionalidad automática de envío. Puede usarse con JavaScript para enviar manualmente el formulario u otras acciones.

Ejemplo de uso:

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

  <label for="password">Contraseña:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Enviar formulario</button>
</form>

En este ejemplo, al hacer clic en el botón "Enviar formulario", el navegador enviará los datos de los campos username y password a la URL /submit-handler mediante POST.

Comparación con type="button":

Atributo	Propósito	Envío automático del formulario	Uso con JS
type="submit"	Enviar formulario	Sí	Sí
type="button"	Botón arbitrario, no relacionado con envío	No	Sí