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 cutype="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 atributulmethod(implicit GET). - În afara
<form>: Un buton cutype="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 |