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

Course Content

HTML Essentials

HTML Essentials

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

Challenge: Form Input and Label Elements

Task

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

html

index

css

index

js

index

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

css

index

js

index

copy

Everything was clear?

Section 4. Chapter 6
We're sorry to hear that something went wrong. What happened?
some-alt