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 alt klart?
Tak for dine kommentarer!
Sektion 1. Kapitel 29
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Fantastisk!
Completion rate forbedret til 2.86
Challenge: Apply Form Inputs and Labels
Stryg for at vise menuen
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 alt klart?
Tak for dine kommentarer!
Sektion 1. Kapitel 29