Doel

Verhoog de gebruikerservaring van de website door een interactief formulier te maken dat invoer vereist voor naam, e-mail en wachtwoord, compleet met bijbehorende labels.

Taak

Integreer een gebruiksvriendelijk formulier in je website, waardoor gebruikersbetrokkenheid en interactie worden verbeterd. Je taak is om:

• Voor de naam invoer: maak een tekstinvoer die de namen van gebruikers verzamelt. Gebruik de juiste attributen om een naadloze ervaring te garanderen.
  1. Definieer het juiste type voor de tekstinvoer;
  2. Stel de placeholder in op John;
  3. Zorg ervoor dat de invoer standaard is gefocust.
• Voor de e-mail invoer: maak een e-mailinvoer die de e-mailadressen van gebruikers verzamelt. Zorg voor gegevensnauwkeurigheid door de juiste attributen te gebruiken.
  1. Definieer het juiste type voor de e-mailinvoer;
  2. Stel de placeholder in op example@gmail.com;
  3. Markeer het veld als verplicht.
• Voor de wachtwoord invoer: maak een veilige wachtwoordinvoer die gebruikersgegevens beschermt. Gebruik de juiste attributen om gegevensbescherming te verbeteren.
  1. Definieer het juiste type voor de wachtwoordinvoer;
  2. Maak het veld verplicht.

1. autofocus: richt automatisch de focus op het invoerveld wanneer de pagina wordt geladen.
2. required: markeert het invoerveld als verplicht, waardoor het formulier niet kan worden verzonden als het leeg is.
3. placeholder: biedt een hint of voorbeeldtekst voor het invoerveld.
4. for en id: koppelt een label aan een invoerveld voor verbeterde toegankelijkheid.
5. type: specificeert het type gegevens dat in het invoerveld wordt verwacht (bijv. text, email, password).