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).