Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Grunderna i formulärskapande i HTML | HTML-Formulär och Användarinmatning
Ultimate HTML

Grunderna i formulärskapande i HTML

Svep för att visa menyn

HTML-elementet <form> är en grundläggande byggsten för att skapa interaktiva formulär på en webbsida. Det fungerar som en behållare för alla formulärelement. Här är ett exempel på ett enkelt formulär:

Note
Observera

Alla exempel inkluderar attributet onsubmit="return false" för att förhindra formulärets standardbeteende vid inskickning. På så sätt ligger fokus på att förstå formulärskapande och attribut.

index.html

index.html

Förklaring av form-attributen:

  • name identifierar formuläret för både klient och server. Det kan innehålla bokstäver, siffror, understreck och bindestreck, men inga mellanslag;
  • autocomplete styr om webbläsaren kan autofylla formulärfält (on eller off). Kan tillämpas på formuläret eller enskilda inmatningsfält;
  • novalidate inaktiverar webbläsarens inbyggda validering, användbart när validering hanteras manuellt med JavaScript.

Översikt över underordnade element

Inuti ett <form> används olika element som definierar dess funktionalitet. <input> tillåter användare att ange data såsom text, siffror, e-postadresser och lösenord. I exemplet används fälten med type="email" och type="password". <label> ger beskrivande text för inmatningsfält och förbättrar formulärets struktur och tillgänglighet. <button type="submit"> skickar formulärdata. Som standard laddas sidan om, men detta beteende kan ändras med JavaScript.

question mark

Vilket HTML-element används för att skapa en skicka-knapp för ett formulär?

Vänligen välj det korrekta svaret

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 23

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 23
some-alt