Formularer

Formularer er et centralt værktøj til at indsamle brugerinput og sende det til en server til behandling. De består af forskellige formelementer, der gør det muligt for brugere at indtaste data. I dette kursus sender vi dog ikke nogen data til en server, da det kræver yderligere viden, som ligger uden for dette kursus' rammer.

Alle eksempler i koden har attributten onsubmit="return false". Denne attribut forhindrer formularen i at sende en anmodning til serveren som standard.

Oprettelse af formularer

Brug <form>-tagget til at oprette en interaktiv formular.

<form>
  <!-- Form elements go here -->
</form>

Formelementer

Formularer indeholder etiketter og forskellige inputtyper (tekst, adgangskode, e-mail osv.). Etiketter forbinder tekst til inputfelter og forbedrer tilgængeligheden. Du vil lære mere om etiketter og inputtyper i de næste kapitler.

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Formularindsendelse

En formular indsendes ved hjælp af en knap med type="submit".

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Her er det grundlæggende form-eksempel.