Sobes.tech
Intern

Ką reiškia `type` atributas su reikšme `submit` HTML?

sobes.tech AI

Atsakymas iš AI

HTML elemento type="submit" atributas <button> arba <input> žymi, kad šis elementas skirtas siųsti formą. Paspaudus šį mygtuką, naršyklė surenka visų formos elementų duomenis ir juos siunčia į URL, nurodytą <form> žymės action atributu (arba į dabartinį URL, jei action nėra nurodytas).

Kaip tai veikia:

  • <form> viduje: Mygtukas su type="submit" automatiškai susiejamas su artimiausia tėvų forma. Paspaudus jį, pradedamas standartinis formos siuntimo procesas per HTTP metodą, nurodytą method atributu (paprastai GET).
  • Be <form>: Mygtukas su type="submit" išorėje neturi automatinės siuntimo funkcijos. Jį galima naudoti su JavaScript, kad rankiniu būdu siųsti formą arba atlikti kitus veiksmus.

Naudojimo pavyzdys:

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

  <label for="password">Slaptažodis:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Siųsti formą</button>
</form>

Šiame pavyzdyje, paspaudus mygtuką "Siųsti formą", naršyklė išsiųs username ir password laukų duomenis į URL /submit-handler POST metodu.

Palyginimas su type="button":

Atributas Paskirtis Automatinis formos siuntimas Naudojimas su JS
type="submit" Formos siuntimas Taip Taip
type="button" Atsitiktinis mygtukas, nesusijęs su siuntimu Ne Taip