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
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 1. Hoofdstuk 29
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Geweldig!
Completion tarief verbeterd naar 2.86
Challenge: Apply Form Inputs and Labels
Veeg om het menu te tonen
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
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 1. Hoofdstuk 29