Challenge: Apply Form Inputs and Labels
Task
Create an HTML form to collect user information using input fields and corresponding labels.
index.html
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.
- Use the
- 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 havefor="name-field"; - For the input with the
id="email-field", its corresponding label should havefor="email-field"; - For the input with the
id="password-field", its corresponding label should havefor="password-field"; - For the input with the
id="birthdate-field", its corresponding label should havefor="birthdate-field".
- For the input with the
index.html
index.js
Everything was clear?
Thanks for your feedback!
Section 1. Chapter 29
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Awesome!
Completion rate improved to 2.86
Challenge: Apply Form Inputs and Labels
Swipe to show menu
Task
Create an HTML form to collect user information using input fields and corresponding labels.
index.html
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.
- Use the
- 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 havefor="name-field"; - For the input with the
id="email-field", its corresponding label should havefor="email-field"; - For the input with the
id="password-field", its corresponding label should havefor="password-field"; - For the input with the
id="birthdate-field", its corresponding label should havefor="birthdate-field".
- For the input with the
index.html
index.js
Everything was clear?
Thanks for your feedback!
Section 1. Chapter 29