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
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 1. Kapitel 29
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Fantastiskt!
Completion betyg förbättrat till 2.86
Challenge: Apply Form Inputs and Labels
Svep för att visa menyn
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
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 1. Kapitel 29