Tell us what’s happening:
Describe your issue in detail here.
i don’t know if i have to create another label …im lost . please where do i insert these elements ie profile-picture , age , referrer , and bio Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Registration Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1>Registration Form</h1>
<p>Please fill out this form with the required information</p>
<form action='https://register-demo.freecodecamp.org'>
<fieldset>
<label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
<label for="email">Enter Your Email: <input id="email" type="email" required /></label>
<label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
</fieldset>
<fieldset>
<label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
<label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
<label for="terms-and-conditions">
<input id="terms-and-conditions" type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
</label>
</fieldset>
<fieldset>
<label>Upload a profile picture: <input type="file" /></label>
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
<label>How did you hear about us?
<select>
<option value="">(select one)</option>
<option value="1">freeCodeCamp News</option>
<option value="2">freeCodeCamp YouTube Channel</option>
<option value="3">freeCodeCamp Forum</option>
<option value="4">Other</option>
</select>
</label>
<label>Provide a bio:
<textarea></textarea>
<input
</label>
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>
you haven’t been asked to create any elements in this step.
Just link the label and the corresponding input or textarea or select element.
(recall step 56 in cat photo app project that showed how to link elements with for attribute)
All your work should be in the 3rd fieldset (and should be very similar to what you did in the previous fieldsets)
Use the id words given to you for the respective elements.
Perhaps it is easier for you if you click restart step and then just focus on adding the ids and the for attributes (do not add any elements, just the ids to each input and textarea and option and the matching for values to each label)
no it is still wrong.
I strong suggest that clicking the Restart button.
Then you can add without deleting anything.
(just add the ids and the for labels, right now you are fixing things that were correct when you started)
<fieldset>
<label>Upload a profile picture: <input type="file" /></label>
<label>Input your age (years): <input type="number" min="13" max="120" /></label>
<label>How did you hear about us?
<select>
<option value="">(select one)</option>
<option value="1">freeCodeCamp News</option>
<option value="2">freeCodeCamp YouTube Channel</option>
<option value="3">freeCodeCamp Forum</option>
<option value="4">Other</option>
</select>
</label>
<label>Provide a bio:
<textarea></textarea>
</label>
</fieldset>
This is the original code.
Your new code should be exactly like this.
The only difference is you should add exactly 4 for attributes to the 4 labels here
and 4 id attributes to the relevant elements (2 inputs, 1 select and 1 textarea).
That’s it.
(If I were you, I would just restart rather than keep on struggling with what you added that is not accepted)
<label for="profile-picture"Upload a profile picture:><input id="profile-picture" type="file" /></label>
<label for="age"Input your age (years):><input id="age" type="number" min="13" max="120" /></label>
<label for="referrer"How did you hear about us?
<select id="referrer"
<option value="">(select one)</option>
<option value="1">freeCodeCamp News</option>
<option value="2">freeCodeCamp YouTube Channel</option>
<option value="3">freeCodeCamp Forum</option>
<option value="4">Other</option>
</select>
</label>
<label for="Provide a bio:"
<textarea id="bio"</textarea>
</label>
This sounds simple but i really don’t know why in getting it wrong … i feel i don’t have the full info on this …
because if we should start from the first label, everything seems to be okay but the select is a problem .
plus i havent changed anything too.
i have 4 labels here , which would automatically like this <label for=“” and id="…that all i added but still
The third label which goes like this <label>How did you hear about us?
all i have to do is this right ?<label for How did you hear about us? i just added “for” but this has no id right ?
moving on to the select