Opret webformularer til hjemmesider (praksisvejledning)

Her kan du læse om, hvad kurset handler om, og hvad du kan forvente.

Hvorfor skal man overhovedet bruge HTML-formularer, og hvordan gør man det generelt?

Her oprettes projektet, hvor det første formular integreres.

Du opretter din første enkle formular og lærer at kende den grundlæggende struktur.

Vi belyser de forskellige anvendelsesmuligheder af HTML-formularer i webapplikationer.

Du lærer, hvordan du læser og behandler de data, som brugerne indtaster, med JavaScript.

Jeg vil gå i dybden med mulighederne for formularlayout og præsentere dig for forskellige inputfelter.

Du implementerer en simpel e-mail-validering for at sikre, at de indtastede data følger e-mail-formatet.

Vi beskæftiger os med numeriske indtastninger og de tilhørende attributter til at begrænse de mulige værdier.

Du lærer, hvordan du i JS kan fange begivenheder, der opstår, når indholdet af en indtastningsfelt ændres.

Vi uddyber emnet om håndtering af begivenheder og bruger addEventListener til mere fleksible reaktioner.

En omfattende opsummering af de forskellige input-typer og deres egenskaber.

Vi opklarer de vigtigste attributter for at styre adfærden af inputfelter.

Du lærer, hvordan du udfører komplekse valideringer med regulære udtryk og attributten required.

Vi viser dig, hvordan du kan aktivere eller deaktivere stavekontrollen i dine formularer.

Du lærer, hvordan du opretter adgangskodefelter.

Vi starter med grundlæggende om checkboxe og deres anvendelsesmuligheder.

Du lærer, hvordan du læser og sætter tilstanden af afkrydsningsfelter med JavaScript.

Jeg viser forskellige måder at tilpasse udseendet af afkrydsningsfelter.

Jeg vil forklare, hvordan radioknapper fungerer, og hvordan du bruger dem i dine formularer.

Du lærer, hvordan du tillader brugere at uploade filer.

Du fordyber dine færdigheder inden for filupload og lærer, hvordan du kan redigere den valgte fil med JavaScript.

Jeg vil diskutere brugen af skjulte inputfelter til overførsel af yderligere oplysninger.

Vi opsummerer de forskellige muligheder for at indtaste tal.

Du lærer at vælge et bestemt område af værdier ved hjælp af rækkeglidere og hvordan du kan implementere en skyder.

Jeg vil vise dig, hvordan du implementerer dato- og tidsindtastninger i dine formularer.

Vi fokuserer på de specielle inputfelter til e-mailadresser og URL'er.

Du lærer, hvordan du lader brugere vælge farver via en farvevælger.

Jeg præsenterer dig for indtastningsfelterne til søgeord og telefonnumre.

Du lærer, hvordan du implementerer flerlinjet tekstindtastninger med textarea-elementet.

Jeg vil forklare, hvordan du opretter selectable lister med select-elementet.

Du lærer, hvordan du kan gruppere mulighederne i en rullemenu.

Jeg vil vise dig, hvordan du opretter forslagslister til indtastningsfelter.

Du lærer, hvordan du aktiverer automatisk udfyldning af indtastninger.

Jeg vil forklare, hvordan du strukturerer dine formularer med fieldset-elementer.

En omfattende introduktion til klientbaseret formularvalidering med JavaScript.

Jeg vil vise dig, hvordan du modtager de sendte formdata på serveren med Node.js og Express .

Du lærer, hvordan du modtager formdata med metoden GET.

Jeg vil forklare, hvordan du modtager formdata med metoden POST.

Vi starter med at oprette et React-projekt og integrere formularer.

Du lærer, hvordan du bruger forskellige input-elementer i React.

Vi arbejder med select- og textarea- elementerne i React.

Jeg viser, hvordan du håndterer formularer med JavaScript-rammen Alpine.js.

Jeg vil forklare, hvordan du integrerer formularer i Vue.js-applikationer.