Mål

Forbedr hjemmesidens brugeroplevelse ved at skabe en interaktiv formular, der kræver input for navn, email og adgangskode, komplet med tilhørende etiketter.

Opgave

Indarbejd en brugervenlig formular på din hjemmeside, der forbedrer brugerengagement og interaktion. Din opgave er at:

• For navneinput: oprette et tekstinput, der indsamler brugernes navne. Brug de korrekte attributter for at sikre en problemfri oplevelse.
  1. Definér den passende type for tekstinput;
  2. Sæt placeholder til John;
  3. Sørg for, at input er fokuseret som standard.
• For emailinput: oprette et emailinput, der indsamler brugernes emailadresser. Sikr datanøjagtighed ved at bruge de passende attributter.
  1. Definér den korrekte type for emailinput;
  2. Sæt placeholder til example@gmail.com;
  3. Marker feltet som påkrævet.
• For adgangskodeinput: oprette et sikkert adgangskodeinput, der beskytter brugerdata. Brug de passende attributter for at forbedre databeskyttelsen.
  1. Definér den korrekte type for adgangskodeinput;
  2. Gør feltet påkrævet.

1. autofocus: fokuserer automatisk på inputfeltet, når siden indlæses.
2. required: markerer inputfeltet som obligatorisk, hvilket forhindrer formularindsendelse, hvis det efterlades tomt.
3. placeholder: giver en antydning eller eksempeltekst til inputfeltet.
4. for og id: forbinder en etiket med et inputfelt for forbedret tilgængelighed.
5. type: angiver typen af data, der forventes i inputfeltet (f.eks. text, email, password).