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
course content

Зміст курсу

HTML Essentials

Challenge: Form Input and Label ElementsChallenge: Form Input and Label Elements

Task

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

html

index.html

css

index.css

js

index.js

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

css

index.css

js

index.js

Все було зрозуміло?

Секція 4. Розділ 6
course content

Зміст курсу

HTML Essentials

Challenge: Form Input and Label ElementsChallenge: Form Input and Label Elements

Task

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

html

index.html

css

index.css

js

index.js

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

css

index.css

js

index.js

Все було зрозуміло?

Секція 4. Розділ 6
some-alt