Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Maak een Formulier met Invoervelden en Labels | HTML-Formulieren en Gebruikersinvoer
Ultimate HTML

bookUitdaging: 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:

  1. Naamveld
    • Gebruik een tekstinvoer.
    • Stel de placeholder in op John.
    • Zorg dat het invoerveld standaard is gefocust (autofocus).
  2. E-mailveld
    • Gebruik een e-mailinvoer.
    • Stel de placeholder in op example@gmail.com.
    • Markeer het veld als verplicht.
  3. Wachtwoordveld
    • Gebruik een wachtwoordinvoer.
    • Maak dit veld verplicht.
index.html

index.html

index.css

index.css

copy
  1. autofocus: stelt het invoerveld automatisch in focus wanneer de pagina laadt.
  2. required: markeert het invoerveld als verplicht, waardoor het formulier niet kan worden verzonden als het leeg is.
  3. placeholder: geeft 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. tekst, e-mail, wachtwoord).
index.html

index.html

index.css

index.css

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 6

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

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?

bookUitdaging: 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:

  1. Naamveld
    • Gebruik een tekstinvoer.
    • Stel de placeholder in op John.
    • Zorg dat het invoerveld standaard is gefocust (autofocus).
  2. E-mailveld
    • Gebruik een e-mailinvoer.
    • Stel de placeholder in op example@gmail.com.
    • Markeer het veld als verplicht.
  3. Wachtwoordveld
    • Gebruik een wachtwoordinvoer.
    • Maak dit veld verplicht.
index.html

index.html

index.css

index.css

copy
  1. autofocus: stelt het invoerveld automatisch in focus wanneer de pagina laadt.
  2. required: markeert het invoerveld als verplicht, waardoor het formulier niet kan worden verzonden als het leeg is.
  3. placeholder: geeft 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. tekst, e-mail, wachtwoord).
index.html

index.html

index.css

index.css

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 6
some-alt