Mål

Förbättra webbplatsens användarupplevelse genom att skapa ett interaktivt formulär som kräver inmatningar för namn, e-post och lösenord, komplett med tillhörande etiketter.

Uppgift

Inkorporera ett användarvänligt formulär på din webbplats för att förbättra användarengagemang och interaktion. Din uppgift är att:

• För namninputen: skapa en textinput som samlar in användarnas namn. Använd rätt attribut för att säkerställa en smidig upplevelse.

  1. Definiera den lämpliga type för textinputen;

  2. Sätt placeholder till John;

  3. Se till att inputen är fokuserad som standard.

• För e-postinputen: etablera en e-postinput som samlar in användarnas e-postadresser. Säkerställ datanoggrannhet genom att använda lämpliga attribut.

  1. Definiera den korrekta type för e-postinputen;

  2. Sätt placeholder till example@gmail.com;

  3. Markera fältet som obligatoriskt.

• För lösenordsinputen: skapa en säker lösenordsinput som håller användardata säkra. Använd lämpliga attribut för att förbättra dataskyddet.

  1. Definiera den korrekta type för lösenordsinputen;

  2. Gör fältet obligatoriskt.

1. autofocus: fokuserar automatiskt på inmatningsfältet när sidan laddas.

2. required: markerar inmatningsfältet som obligatoriskt, vilket förhindrar formulärinlämning om det lämnas tomt.

3. placeholder: ger en ledtråd eller exempeltext för inmatningsfältet.

4. for och id: associerar en etikett med ett inmatningsfält för förbättrad tillgänglighet.

5. type: specificerar typen av data som förväntas i inmatningsfältet (t.ex. text, email, lösenord).