Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Grunnleggende om opprettelse av skjemaer i HTML | HTML-Skjemaer og Brukerinput
Ultimate HTML

Grunnleggende om opprettelse av skjemaer i HTML

Sveip for å vise menyen

HTML-<form>-elementet er en grunnleggende byggestein for å lage interaktive skjemaer på en nettside. Det fungerer som en beholder for alle skjemafelt. Her er et eksempel på et enkelt skjema:

Note
Merk

Alle eksempler inkluderer attributtet onsubmit="return false" for å forhindre standard oppførsel ved innsending av skjema. På denne måten kan fokuset være på å forstå opprettelse av skjema og attributter.

index.html

index.html

Forklaring av form-attributtene:

  • name identifiserer skjemaet for både klient og server. Kan inneholde bokstaver, tall, understreker og bindestreker, men ikke mellomrom;
  • autocomplete styrer om nettleseren kan autofylle skjemafelt (on eller off). Kan brukes på skjemaet eller individuelle felt;
  • novalidate deaktiverer innebygd nettleservalidering, nyttig når validering håndteres manuelt med JavaScript.

Oversikt over underordnede elementer

Inne i en <form> brukes ulike elementer som definerer funksjonaliteten. <input> lar brukere skrive inn data som tekst, tall, e-postadresser og passord. I eksempelet bruker feltene type="email" og type="password". <label> gir beskrivende tekst til feltene og forbedrer struktur og tilgjengelighet. <button type="submit"> sender inn skjemadata. Som standard lastes siden på nytt, men dette kan overstyres med JavaScript.

question mark

Hvilket HTML-element brukes for å lage en send-knapp for et skjema?

Velg det helt riktige svaret

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 23

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 23
some-alt