Could anyone give me some direction as to how I correct this?
Your code so far
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>freeCodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>freeCodeCamp Survey Form</h1>
<p>Thank you for taking the time to help us inprove the platform</p>
<form action="">
<fieldset>
<label for="name">Name <input id="name" name="name" type="text" required/><placeholder>Enter Your Name</placeholder></label>
<label for="email">Email <input id="email" name="email" type="email" required/><placeholder>Enter Your Email</placeholder></label>
<label for="age">Age (optional)<input id="age" type="number" min="10" max="99"/> <placeholder>Age</placeholder></label>
<label for="current-role">What option best describes your current role? <select id="current-role" name="current-role">
<option value="">(select one)</option>
<option value="1">Full Time Job</option>
<option value="2">Full Time Learner</option>
<option value="">Prefer Not to Say</option>
<option value="">Other</option>
<placeholde>Select current role</placeholde>
</select>
<p></p>Would you recommend freeCodeCamp to a friend?</p>
<label for="definitely"><input id="definitely" type="radio" name="user-recommend" class="inline"/>Definitely</label>
<label for="maybe"><input id="maybe" type="radio" name="user-recommend" class="inline"/>Maybe</label>
<label for="not-sure"><input id="not-sure" type="radio" name="user-recommend" class="inline"/>Not Sure</label>
<p>What is your favorite feature of freeCodeCamp?</p>
<label for="favorite-feature"><select>
<option value="">Select one</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select></label>
<p>What would you like to see improved? (Check all that apply)</p>
<label for="front-end"><input id="front-end" type="checkbox" class="inline"/>Front-End Projects</label>
<label for="back-end"><input id="back-end" type="checkbox" class="inline"/>Back-End Projects</label>
<label for="data-visual"><input id="data-visual" type="checkbox" class="inline"/>Data Visualization</label>
<label for="challenges"><input id="challenges" type="checkbox" class="inline"/>Challenges</label>
<label for="open-source-community"><input id="open-source-community" type="checkbox" class="inline"/>Open Source Community</label>
<label for="gitter-help-rooms"><input id="gitter-help-rooms" type="checkbox" class="inline"/>Gitter Help Rooms</label>
<label for="videos"><input id="videos" type="checkbox" class="inline"/>Videos</label>
<label for="city-meetups"><input id="city-meetups" type="checkbox" class="inline"/>City Meetups</label>
<label for="wiki"><input id="wiki" type="checkbox" class="inline"/>Wiki</label>
<label for="forum"><input id="forum" type="checkbox" class="inline"/>Forum</label>
<label for="additional-courses"><input id="additional-courses" type="checkbox" class="inline"/>Additional Courses</label>
<label for="comments-suggestions">Any coments or suggestions? <textarea id="comments-suggestions" name="comments-suggestions" rows="3" cols="30" placeholder="Enter your comments here"></textarea></label>
</fieldset>
<input type="submit" value="Submit">
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
hbar1st
November 13, 2022, 4:02pm
2
I have edited your post to improve its readability.
Please check the post after you are done to make sure the link to the challenge and your code looks as it was intended.
hbar1st
November 13, 2022, 4:03pm
3
Which error did you need help fixing?
What have you tried to fix it?
I have fixed a few things and included updated code. Most of what’s left to be correscted are things I am just completely stumped on.
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>freeCodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title" name="freeCodeCamp-survey-form">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us inprove the platform</p>
<form id="survey-form">
<fieldset>
<label for="name">Name <input id="name" name="name" type="text" placeholder="Enter Your Name" required/></label>
<label for="email">Email <input id="email" name="email" type="email" placeholder="Enter Your Email" required/></label>
<label for="age">Age (optional)<input id="number" type="number" min="10" max="99" placeholder="Age"/></label>
<label for="current-role">What option best describes your current role? <select id="dropdown" name="current-role">
<option value="">(select one)</option>
<option value="1">Full Time Job</option>
<option value="2">Full Time Learner</option>
<option value="3">Prefer Not to Say</option>
<option value="4">Other</option>
</select>
<p></p>Would you recommend freeCodeCamp to a friend?</p>
<label for="definitely"><input id="definitely" type="radio" name="user-recommend" class="inline"/>Definitely</label>
<label for="maybe"><input id="maybe" type="radio" name="user-recommend" class="inline"/>Maybe</label>
<label for="not-sure"><input id="not-sure" type="radio" name="user-recommend" class="inline"/>Not Sure</label>
<p>What is your favorite feature of freeCodeCamp?</p>
<label for="favorite-feature"><select>
<option value="">Select one</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select></label>
<p>What would you like to see improved? (Check all that apply)</p>
<label for="front-end"><input value="front-end" type="checkbox" class="inline"/>Front-End Projects</label>
<label for="back-end"><input value="back-end" type="checkbox" class="inline"/>Back-End Projects</label>
<label for="data-visual"><input value="data-visual" type="checkbox" class="inline"/>Data Visualization</label>
<label for="challenges"><input value="challenges" type="checkbox" class="inline"/>Challenges</label>
<label for="open-source-community"><input value="open-source-community" type="checkbox" class="inline"/>Open Source Community</label>
<label for="gitter-help-rooms"><input value="gitter-help-rooms" type="checkbox" class="inline"/>Gitter Help Rooms</label>
<label for="videos"><input value="videos" type="checkbox" class="inline"/>Videos</label>
<label for="city-meetups"><input value="city-meetups" type="checkbox" class="inline"/>City Meetups</label>
<label for="wiki"><input value="wiki" type="checkbox" class="inline"/>Wiki</label>
<label for="forum"><input value="forum" type="checkbox" class="inline"/>Forum</label>
<label for="additional-courses"><input value="additional-courses" type="checkbox" class="inline"/>Additional Courses</label>
<label for="comments-suggestions">Any coments or suggestions? <textarea id="comments-suggestions" name="comments-suggestions" rows="3" cols="30" placeholder="Enter your comments here"></textarea></label>
</fieldset>
<input type="submit" value="Submit">
</form>
</body>
</html>
This is what I still need to fix…
Failed:You should have a label
element with an id
of name-label
.
Failed:You should have a label
element with an id
of email-label
.
Failed:You should have a label
element with an id
of number-label
.
Failed:Your #name-label
should contain text that describes the input.
Failed:Your #email-label
should contain text that describes the input.
Failed:Your #number-label
should contain text that describes the input.
Failed:Your #name-label
should be a descendant of #survey-form
.
Failed:Your #email-label
should be a descendant of #survey-form
.
Failed:Your #number-label
should be a descendant of #survey-form
.
Passed:Your #name
should have a placeholder
attribute and value.
Passed:Your #email
should have a placeholder
attribute and value.
Passed:Your #number
should have a placeholder
attribute and value.
Passed:You should have a select
field with an id
of dropdown
.
Passed:Your #dropdown
should have at least two selectable (not disabled) option
elements.
Passed:Your #dropdown
should be a descendant of #survey-form
.
Passed:You should have at least two input
elements with a type
of radio
(radio buttons).
Passed:You should have at least two radio buttons that are descendants of #survey-form
.
Failed:All your radio buttons should have a value
attribute and value.
Passed:All your radio buttons should have a name
attribute and value.
Passed:Every radio button group should have at least 2 radio buttons.
Passed:You should have at least two input
elements with a type
of checkbox
(checkboxes) that are descendants of #survey-form
.
Passed:All your checkboxes inside #survey-form
should have a value
attribute and value.
Passed:You should have at least one textarea
element that is a descendant of #survey-form
.
I have fixed all of my errors. Sorry to waste your tieme…
system
Closed
May 15, 2023, 4:35am
8
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.