Utfordring: Opprett Skjema med Inndata og Etiketter
Mål
Forbedre nettstedets brukeropplevelse ved å lage et interaktivt skjema som krever inndata for navn, e-post og passord, komplett med tilhørende etiketter.
Oppgave
Inkluder et brukervennlig skjema på nettstedet ditt for å forbedre brukerengasjement og interaksjon. Din oppgave er å:
- For navnefeltet: opprette et tekstfelt som samler inn brukernes navn. Bruk de riktige attributtene for å sikre en sømløs opplevelse.
- Definer riktig
type
for tekstfeltet; - Sett
placeholder
tilJohn
; - Sørg for at feltet er fokusert som standard.
- Definer riktig
- For e-postfeltet: opprett et e-postfelt som samler inn brukernes e-postadresser. Sikre datanøyaktighet ved å bruke de riktige attributtene.
- Definer riktig
type
for e-postfeltet; - Sett
placeholder
tilexample@gmail.com
; - Merk feltet som obligatorisk.
- Definer riktig
- For passordfeltet: opprett et sikkert passordfelt som beskytter brukerdata. Bruk de riktige attributtene for å forbedre databeskyttelsen.
- Definer riktig
type
for passordfeltet; - Gjør feltet obligatorisk.
- Definer riktig
index.html
index.css
autofocus
: fokuserer automatisk på inndatafeltet når siden lastes.required
: markerer inndatafeltet som obligatorisk, og forhindrer innsending av skjemaet hvis det er tomt.placeholder
: gir en hint eller eksempeltekst for inndatafeltet.for
ogid
: knytter en etikett til et inndatafelt for bedre tilgjengelighet.type
: spesifiserer typen data som forventes i inndatafeltet (f.eks. text, email, password).
index.html
index.css
Takk for tilbakemeldingene dine!
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
Awesome!
Completion rate improved to 2.56
Utfordring: Opprett Skjema med Inndata og Etiketter
Sveip for å vise menyen
Mål
Forbedre nettstedets brukeropplevelse ved å lage et interaktivt skjema som krever inndata for navn, e-post og passord, komplett med tilhørende etiketter.
Oppgave
Inkluder et brukervennlig skjema på nettstedet ditt for å forbedre brukerengasjement og interaksjon. Din oppgave er å:
- For navnefeltet: opprette et tekstfelt som samler inn brukernes navn. Bruk de riktige attributtene for å sikre en sømløs opplevelse.
- Definer riktig
type
for tekstfeltet; - Sett
placeholder
tilJohn
; - Sørg for at feltet er fokusert som standard.
- Definer riktig
- For e-postfeltet: opprett et e-postfelt som samler inn brukernes e-postadresser. Sikre datanøyaktighet ved å bruke de riktige attributtene.
- Definer riktig
type
for e-postfeltet; - Sett
placeholder
tilexample@gmail.com
; - Merk feltet som obligatorisk.
- Definer riktig
- For passordfeltet: opprett et sikkert passordfelt som beskytter brukerdata. Bruk de riktige attributtene for å forbedre databeskyttelsen.
- Definer riktig
type
for passordfeltet; - Gjør feltet obligatorisk.
- Definer riktig
index.html
index.css
autofocus
: fokuserer automatisk på inndatafeltet når siden lastes.required
: markerer inndatafeltet som obligatorisk, og forhindrer innsending av skjemaet hvis det er tomt.placeholder
: gir en hint eller eksempeltekst for inndatafeltet.for
ogid
: knytter en etikett til et inndatafelt for bedre tilgjengelighet.type
: spesifiserer typen data som forventes i inndatafeltet (f.eks. text, email, password).
index.html
index.css
Takk for tilbakemeldingene dine!