Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Challenge: Applying Form Inputs and Labels | Tables and Forms
HTML Essentials
course content

Cursusinhoud

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
2. HTML Fundamentals
3. Images and Media
4. Tables and Forms
5. Advanced HTML

book
Challenge: Applying Form Inputs and Labels

Task

Create an HTML form to collect user information using input fields and corresponding labels.

html

index.html

js

index.js

copy

Hint

  • Step 1: Provide the correct attributes for each input field by following these instructions:
    • Use the type="text" attribute for the name input;
    • Use the type="email" attribute for the email input;
    • Use the type="password" attribute for the password input;
    • Use the type="date" attribute for the birthday input.
  • Step 2: Ensure that each input field is correctly associated with its corresponding label by following these instructions:
    • For the input with the id="name-field", its corresponding label should have for="name-field";
    • For the input with the id="email-field", its corresponding label should have for="email-field";
    • For the input with the id="password-field", its corresponding label should have for="password-field";
    • For the input with the id="birthdate-field", its corresponding label should have for="birthdate-field".
html

index.html

js

index.js

copy

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 6
Onze excuses dat er iets mis is gegaan. Wat is er gebeurd?
some-alt