Uitdaging: Maak een Formulier met Invoervelden en Labels
Doel
Verbeter de gebruikerservaring van de website door een interactief formulier te maken dat invoervelden voor naam, e-mail en wachtwoord bevat, elk met bijbehorende labels.
Taak
Voeg een eenvoudig, gebruiksvriendelijk formulier toe aan je pagina. Volg deze vereisten:
- Naamveld
- Gebruik een tekstinvoer.
- Stel de placeholder in op
John. - Zorg dat het invoerveld standaard is gefocust (autofocus).
- E-mailveld
- Gebruik een e-mailinvoer.
- Stel de placeholder in op
example@gmail.com. - Markeer het veld als verplicht.
- Wachtwoordveld
- Gebruik een wachtwoordinvoer.
- Maak dit veld verplicht.
index.html
index.css
autofocus: stelt het invoerveld automatisch in focus wanneer de pagina laadt.required: markeert het invoerveld als verplicht, waardoor het formulier niet kan worden verzonden als het leeg is.placeholder: geeft een hint of voorbeeldtekst voor het invoerveld.forenid: koppelt een label aan een invoerveld voor verbeterde toegankelijkheid.type: specificeert het type gegevens dat in het invoerveld wordt verwacht (bijv. tekst, e-mail, wachtwoord).
index.html
index.css
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain how the form validation works in this example?
What happens if a required field is left empty?
How can I further customize the appearance of the form?
Geweldig!
Completion tarief verbeterd naar 2.38
Uitdaging: Maak een Formulier met Invoervelden en Labels
Veeg om het menu te tonen
Doel
Verbeter de gebruikerservaring van de website door een interactief formulier te maken dat invoervelden voor naam, e-mail en wachtwoord bevat, elk met bijbehorende labels.
Taak
Voeg een eenvoudig, gebruiksvriendelijk formulier toe aan je pagina. Volg deze vereisten:
- Naamveld
- Gebruik een tekstinvoer.
- Stel de placeholder in op
John. - Zorg dat het invoerveld standaard is gefocust (autofocus).
- E-mailveld
- Gebruik een e-mailinvoer.
- Stel de placeholder in op
example@gmail.com. - Markeer het veld als verplicht.
- Wachtwoordveld
- Gebruik een wachtwoordinvoer.
- Maak dit veld verplicht.
index.html
index.css
autofocus: stelt het invoerveld automatisch in focus wanneer de pagina laadt.required: markeert het invoerveld als verplicht, waardoor het formulier niet kan worden verzonden als het leeg is.placeholder: geeft een hint of voorbeeldtekst voor het invoerveld.forenid: koppelt een label aan een invoerveld voor verbeterde toegankelijkheid.type: specificeert het type gegevens dat in het invoerveld wordt verwacht (bijv. tekst, e-mail, wachtwoord).
index.html
index.css
Bedankt voor je feedback!