Tavoite

Paranna verkkosivuston käyttäjäkokemusta luomalla interaktiivinen lomake, joka vaatii syötteitä nimelle, sähköpostille ja salasanalle, täydentäen ne vastaavilla nimikkeillä.

Tehtävä

Sisällytä käyttäjäystävällinen lomake verkkosivustollesi, parantaen käyttäjän sitoutumista ja vuorovaikutusta. Tehtäväsi on:

• Nimen syöte: luo tekstisyöte, joka kerää käyttäjien nimet. Käytä oikeita attribuutteja saumattoman kokemuksen varmistamiseksi.
  1. Määritä oikea type tekstisyötteelle;
  2. Aseta placeholder arvoon John;
  3. Varmista, että syöte on oletuksena valittuna.
• Sähköpostin syöte: luo sähköpostisyöte, joka kerää käyttäjien sähköpostiosoitteet. Varmista tietojen tarkkuus käyttämällä oikeita attribuutteja.
  1. Määritä oikea type sähköpostisyötteelle;
  2. Aseta placeholder arvoon example@gmail.com;
  3. Merkitse kenttä pakolliseksi.
• Salasanan syöte: luo turvallinen salasanasyöte, joka pitää käyttäjätiedot turvassa. Käytä oikeita attribuutteja tietoturvan parantamiseksi.
  1. Määritä oikea type salasanasyötteelle;
  2. Tee kentästä pakollinen.

1. autofocus: kohdistaa automaattisesti syöttökenttään, kun sivu latautuu.
2. required: merkitsee syöttökentän pakolliseksi, estäen lomakkeen lähettämisen, jos se jätetään tyhjäksi.
3. placeholder: tarjoaa vihjeen tai esimerkkitekstin syöttökenttään.
4. for ja id: yhdistää etiketin syöttökenttään parantaen saavutettavuutta.
5. type: määrittää syöttökentässä odotetun datan tyypin (esim. text, email, password).