Sobes.tech
Intern

Ko nozīmē HTML atribūts `type` ar vērtību `submit`?

sobes.tech AI

Atbilde no AI

HTML elementā type="submit" atribūts nosaka, ka šis elements ir paredzēts formas nosūtīšanai. Noklikšķinot uz šī pogas, pārlūkprogramma apkopo visu formā esošo elementu datus un nosūta tos uz URL, kas norādīts <form> elementa action atribūtā (vai uz pašreizējo URL, ja action nav norādīts).

Kā tas darbojas:

  • <form> iekšpusē: Poga ar type="submit" automātiski saistās ar tuvāko vecāku formu. Nospiežot to, tiek uzsākts standarta formas nosūtīšanas process ar HTTP metodi, kas norādīta method atribūtā (parasti GET).
  • Bez <form>: Poga ar type="submit" ārpus formas nav automātiski saistīta ar formu. To var izmantot ar JavaScript, lai manuāli nosūtītu formu vai veiktu citas darbības.

Piemērs:

<form action="/submit-handler" method="POST">
  <label for="username">Lietotāja vārds:</label>
  <input type="text" id="username" name="username"><br><br>

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

  <button type="submit">Nosūtīt formu</button>
</form>

Šajā piemērā, nospiežot pogu "Nosūtīt formu", pārlūkprogramma nosūtīs username un password laukos ievadītos datus uz URL /submit-handler ar POST metodi.

Salīdzinājums ar type="button":

Atribūts Mērķis Automātiska formas nosūtīšana Lietošana ar JS
type="submit" Formas nosūtīšana
type="button" Nejaušs pogas tips, nesasaistīts ar nosūtīšanu