Udfordring: Opret Formular med Inputfelter og Etiketter
Mål
Forbedr brugeroplevelsen på hjemmesiden ved at oprette en interaktiv formular, der kræver indtastning af navn, e-mail og adgangskode, hver med tilhørende etiketter.
Opgave
Tilføj en enkel, brugervenlig formular til din side. Følg disse krav:
- Navnefelt
- Brug et tekstinput.
- Indstil placeholder til
John. - Gør inputfeltet fokuseret som standard (autofokus).
- E-mailfelt
- Brug et e-mailinput.
- Indstil placeholder til
example@gmail.com. - Markér feltet som påkrævet.
- Adgangskodefelt
- Brug et adgangskodeinput.
- Gør dette felt påkrævet.
index.html
index.css
autofocus: fokuserer automatisk på inputfeltet, når siden indlæses.required: markerer inputfeltet som obligatorisk og forhindrer formularindsendelse, hvis det er tomt.placeholder: giver et hint eller eksempeltekst til inputfeltet.forogid: forbinder en label med et inputfelt for forbedret tilgængelighed.type: angiver typen af data, der forventes i inputfeltet (f.eks. text, email, password).
index.html
index.css
Var alt klart?
Tak for dine kommentarer!
Sektion 5. Kapitel 6
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Fantastisk!
Completion rate forbedret til 2.38
Udfordring: Opret Formular med Inputfelter og Etiketter
Stryg for at vise menuen
Mål
Forbedr brugeroplevelsen på hjemmesiden ved at oprette en interaktiv formular, der kræver indtastning af navn, e-mail og adgangskode, hver med tilhørende etiketter.
Opgave
Tilføj en enkel, brugervenlig formular til din side. Følg disse krav:
- Navnefelt
- Brug et tekstinput.
- Indstil placeholder til
John. - Gør inputfeltet fokuseret som standard (autofokus).
- E-mailfelt
- Brug et e-mailinput.
- Indstil placeholder til
example@gmail.com. - Markér feltet som påkrævet.
- Adgangskodefelt
- Brug et adgangskodeinput.
- Gør dette felt påkrævet.
index.html
index.css
autofocus: fokuserer automatisk på inputfeltet, når siden indlæses.required: markerer inputfeltet som obligatorisk og forhindrer formularindsendelse, hvis det er tomt.placeholder: giver et hint eller eksempeltekst til inputfeltet.forogid: forbinder en label med et inputfelt for forbedret tilgængelighed.type: angiver typen af data, der forventes i inputfeltet (f.eks. text, email, password).
index.html
index.css
Var alt klart?
Tak for dine kommentarer!
Sektion 5. Kapitel 6