Utfordring: Bruk Skjemainndata og Etiketter
Oppgave
Lag et HTML-skjema for å samle inn brukeropplysninger ved hjelp av inndatafelt og tilhørende etiketter.
index.html
index.js
Tips
- Steg 1: Angi riktige attributter for hvert inndatafelt ved å følge disse instruksjonene:
- Bruk attributtet
type="text"
for navnefeltet; - Bruk attributtet
type="email"
for e-postfeltet; - Bruk attributtet
type="password"
for passordfeltet; - Bruk attributtet
type="date"
for fødselsdato-feltet.
- Bruk attributtet
- Steg 2: Sørg for at hvert inndatafelt er korrekt tilknyttet til sin tilhørende etikett ved å følge disse instruksjonene:
- For feltet med
id="name-field"
, skal tilhørende etikett hafor="name-field"
; - For feltet med
id="email-field"
, skal tilhørende etikett hafor="email-field"
; - For feltet med
id="password-field"
, skal tilhørende etikett hafor="password-field"
; - For feltet med
id="birthdate-field"
, skal tilhørende etikett hafor="birthdate-field"
.
- For feltet med
index.html
index.js
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 6
Spør AI
Spør AI
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 an example of how the HTML form should look?
What other fields can I add to the form?
Can you explain how to link labels to input fields in more detail?
Awesome!
Completion rate improved to 3.13
Utfordring: Bruk Skjemainndata og Etiketter
Sveip for å vise menyen
Oppgave
Lag et HTML-skjema for å samle inn brukeropplysninger ved hjelp av inndatafelt og tilhørende etiketter.
index.html
index.js
Tips
- Steg 1: Angi riktige attributter for hvert inndatafelt ved å følge disse instruksjonene:
- Bruk attributtet
type="text"
for navnefeltet; - Bruk attributtet
type="email"
for e-postfeltet; - Bruk attributtet
type="password"
for passordfeltet; - Bruk attributtet
type="date"
for fødselsdato-feltet.
- Bruk attributtet
- Steg 2: Sørg for at hvert inndatafelt er korrekt tilknyttet til sin tilhørende etikett ved å følge disse instruksjonene:
- For feltet med
id="name-field"
, skal tilhørende etikett hafor="name-field"
; - For feltet med
id="email-field"
, skal tilhørende etikett hafor="email-field"
; - For feltet med
id="password-field"
, skal tilhørende etikett hafor="password-field"
; - For feltet med
id="birthdate-field"
, skal tilhørende etikett hafor="birthdate-field"
.
- For feltet med
index.html
index.js
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 6