Skjemaer

Skjemaer er et sentralt verktøy for å samle inn brukerdata og sende dem til en server for behandling. De består av ulike skjemafelt som lar brukeren legge inn data. I dette kurset vil vi imidlertid ikke sende data til en server, da dette krever kunnskap som ligger utenfor kursets omfang.

Alle eksempler i koden har attributtet onsubmit="return false". Dette attributtet forhindrer at skjemaet sender en forespørsel til serveren som standard.

Lage skjemaer

Bruk <form>-taggen for å lage et interaktivt skjema.

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

Skjemaelementer

Skjemaer inneholder etiketter og ulike inputtyper (tekst, passord, e-post, osv.). Etiketter kobler tekst til inputfelt og forbedrer tilgjengeligheten. Du vil lære mer om etiketter og inputtyper i de neste kapitlene.

<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>

Innsending av skjema

Et skjema sendes inn ved å bruke en knapp 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 et grunnleggende skjemaeksempel.