Sobes.tech
Intern

Ce înseamnă atributul type cu valoarea submit în HTML?

sobes.tech AI

Răspuns de la AI

Atributul type="submit" în elementul HTML <button> sau <input> determină că acest element este destinat pentru a trimite formularul. Când se face clic pe butonul cu acest atribut, browser-ul colectează datele tuturor elementelor din formularul în care este inclus butonul și le trimite către URL-ul specificat în atributul action al etichetei <form> (sau către URL-ul curent dacă action nu este specificat).

Cum funcționează:

  • În interiorul <form>: Butonul cu type="submit" se asociază automat cu cel mai apropiat formular părinte. Când se face clic pe el, se inițiază procesul standard de trimitere a formularului prin metoda HTTP specificată în atributul method (implicit GET).
  • În afara <form>: Un buton cu type="submit" în afara unui formular nu are funcționalitate automată de trimitere. Poate fi folosit cu JavaScript pentru a trimite manual formularul sau pentru a efectua alte acțiuni.

Exemplu de utilizare:

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

  <label for="password">Parola:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Trimite formularul</button>
</form>

În acest exemplu, când se face clic pe butonul "Trimite formularul", browser-ul va trimite datele câmpurilor username și password către URL-ul /submit-handler folosind metoda POST.

Comparativ cu type="button":

Atribut Scop Trimitere automată a formularului Utilizare cu JS
type="submit" Trimiterea formularului Da Da
type="button" Buton arbitrar, nelegat de trimitere Nu Da