Survey Form - Build a Survey Form

HTML-CSS
1

what do you mean?
You should have a label element with an id of email-label .
Every radio button group should have at least 2 radio buttons.

Your code so far

<!-- file: index.html -->
<!doctype html>
<hrml>
<head>
<link rel="stylecss" href="styles.css">
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form </h1>
<p id="description"> Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
  <label id="name-label">Name
  <input id="name"type="text"placeholder="Enter Your Name" required></input></label>
  <lable id="email-label">Email
  <input id="email"type="email"placeholder="Enter Your Email" required></input></lable>
  <label id="number-label">Age
  <input id="number" type ="number"placeholder="Age" min="15"max="30"></input></lable>
 <select id ="dropdown">
  <option>Select current role</option> 
  <option>Student</option> 
  <option>Full Time Job</option> 
  <option>Full Time Learn</option> 
  <option>Prefer Not TO Say </option>
  <option>Other</option> 
  </select>
   <p>Would you recommend freeCodeCamp to a friend?
 </p>
    <label>
      <input value="definitely" name="definitly"type="radio" Checked > Definitely
</label>
<label>
      <input value="maybe" type="radio" name="maybe"> Maybe
</label>
    
    <label>
      <input value="not sure" type="radio"name="notsure"> Not Sure 
</label>

<p>What is your favorite feature of freeCodeCamp?</p>
<select>
  <option> Select an option</option>
  <option> Challenges</option>
  <option> Projects</option>
  <option> Community</option>
  <option> Open Source</option>
</select>

<p>What would you like to see improved? (Check all that apply)
</p>
<label> <input type="checkbox" value="1" >Front-end Projects </label>
<label> <input type="checkbox"value="2"  >Back-end Projects </label>
<label> <input type="checkbox"value="3"  >Data Visualization </label>
<label> <input type="checkbox"value="4"  >Challenges </label>
<label> <input type="checkbox"value="5"  >Open Source Community </label>
<label> <input type="checkbox"value="6"  >Gitter help rooms </label>
<label> <input type="checkbox" value="7" >Videos</label>
<label> <input type="checkbox"value="8"  >City Meetups </label>
<label> <input type="checkbox" value="9" >Wiki </label>
<label> <input type="checkbox" value="10" >Forum </label>
<label> <input type="checkbox" value="11" >Additional Courses
 </label>

 <p>Any comments or suggestions?</p>
 <textarea></textarea>
 <input id="submit" type="submit">

</form>
</body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

There are just a couple issues with your code. You have a label element as lable. You just have to change the spelling for that.

Also, your radio buttons have to all have the same name attribute. Under the “Would you recommend freeCodeCamp to a friend?” you need to give those radio buttons the same name attribute. That is what links radio buttons together to give you one value out of a group of buttons. I changed the name in each of the radio buttons to recommended.

After making these changes, it passes all tests!

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.