Please help…how can I have so many error? I must have made many small errors or a huge critical one… I can’t tell… Thank you.
- You should have an
h1
element with anid
oftitle
.
Failed: Your #title
should not be empty.
-
You should have a
form
element with anid
ofsurvey-form
. -
Failed: You should have an
input
element with anid
ofname
. -
Failed: Your
#name
should have atype
oftext
. -
Failed: Your
#name
should require input. -
Failed: Your
#name
should be a descedant of#survey-form
. -
Failed: You should have an
input
element with anid
ofemail
. -
Failed: Your
#email
should have atype
ofemail
. -
Failed: Your
#email
should require input. -
Failed: Your
#email
should be a descedant of#survey-form
-
Failed: You should have an
input
element with anid
ofnumber
. -
Failed: Your
#number
should be a descedant of#survey-form
. -
Failed: Your
#number
should have atype
ofnumber
. -
Failed: Your
#number
should have amin
attribute with a numeric value.
Failed: Your #number
should have a max
attribute with a numeric value.
-
Your
#name-label
should be a descedant of#survey-form
. -
Failed: Your
#email-label
should be a descedant of#survey-form
. -
Failed: Your
#number-label
should be a descedant of#survey-form
. -
Failed: Your
#name
should have aplaceholder
attribute and value. -
Failed: Your
#email
should have aplaceholder
attribute and value. -
Failed: Your
#number
should have aplaceholder
attribute and value.
Failed: You should have a select
field with an id
of dropdown
.
Your #dropdown
should be a descendant of #survey-form
.
You should have at least two radio buttons that are descendants of #survey-form
.
All your radio buttons should have a value
attribute and value
-
ou should have at least two
input
elements with atype
ofcheckbox
(checkboxes) that are descendants of#survey-form
. -
Failed: All your checkboxes inside
#survey-form
should have avalue
attribute and value. -
Failed: You should have at least one
textarea
element that is a descendant of#survey-form
. -
Failed: You should have an
input
orbutton
element with anid
ofsubmit
. -
Failed: Your
#submit
should have atype
ofsubmit
.
Failed: Your #submit
should be a descendant of #survey-form
.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>free CodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="free CodeCamp Survey Form">free CodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form survey-form='https://survey-form.freecodecamp.org'>
<fieldset>
<label id="name-label"> Enter Your Full Name: <input type="text" name="full-name" placeholder="Enter Your Name"required /></label><br>
<!--Please check for the amount of names somehow-->
<label id="email-label">Enter Your Email: <input type="email" name="email" placeholder="Enter Your Email" required /></label><br>
<!--emails are an easy way to communicate with interested parties-->
<label id="number-label">Age (optional): <input type="number" name="age" min="13" max="120" placeholder="Age"/>
</label><br>
<!--age category will reveal various data points-->
<label id="dropdown">Which option best describes your current status? <br>
<select name="referrer">
<option value="">(select one)</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer Not TO Say</option>
<option value="5"> Other</option>
</select>
</label>
</fieldset>
<fieldset>
<label>Would you recommend freecodecamp to a friend? <br>
<label><input type="radio" name="account-type" class="inline" /> Definitely</label> <br>
<label><input type="radio" name="account-type" class="inline" /> No</label> <br>
<label><input type="radio" name="account-type" class="inline" /> Maybe </label>
</fieldset>
<fieldset>
<label> How can we improve FreeCodeCamp? (check all that apply) <br>
<input type="checkbox" name="options" class="inline" value="1">Front-End Projects</input> <br>
<input type="checkbox" name="options" class="inline" value="2">Back-End Projects</input> <br>
<input type="checkbox" name="options" class="inline" value="3">Data Visualization</input> <br>
<input type="checkbox" name="options" class="inline" value="4">Challenges</input><br>
<input type="checkbox" name="options" class="inline" value="5">Open Source Community</input> <br>
<input type="checkbox" name="options" class="inline" value="6">FreeCodeCamp Forum</input> <br>
<input type="checkbox" name="options" class="inline"
value="7">Youtube Videos</input><br>
<input type="checkbox" name="options" class="inline"
value="8">In Person Meetings</input><br>
<input type="checkbox"
name="options" class="inline"
value="9">Google Search</input><br>
<input type="checkbox"
name="options" class="inline"
value= "10">Additional Courses<input><br>
</label>
</fieldset>
<fieldset>
<label>Any Comments or Suggestions!
<textarea name="useful info" rows="3" cols="30" placeholder= "put your ideas here"></textarea>
</label>
</fieldset>
<input type="submit"
value="submit" />
</form>
</body>
</html>
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form`Preformatted text`