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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookGrunnleggende om Opprettelse av Skjemaer i HTML

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

Note
Merknad

Alle eksempler inkluderer attributtet onsubmit="return false" for å forhindre standard oppførsel ved innsending av skjemaet. På denne måten forblir fokuset på skjemaopprettelse og attributter.

index.html

index.html

copy

Forklaring av form-attributter:

  • name identifiserer skjemaet for både klient og server. Det 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 barneelementer

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 vil dette laste siden på nytt, men denne oppførselen kan overstyres med JavaScript.

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2

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

Suggested prompts:

Can you show me a complete example of a basic HTML form?

What are some common input types I can use inside a form?

How do I handle form submission with JavaScript?

bookGrunnleggende 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 skjemaelementene. La oss se på et eksempel på et enkelt skjema:

Note
Merknad

Alle eksempler inkluderer attributtet onsubmit="return false" for å forhindre standard oppførsel ved innsending av skjemaet. På denne måten forblir fokuset på skjemaopprettelse og attributter.

index.html

index.html

copy

Forklaring av form-attributter:

  • name identifiserer skjemaet for både klient og server. Det 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 barneelementer

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 vil dette laste siden på nytt, men denne oppførselen kan overstyres med JavaScript.

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2
some-alt