Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I can’t seem to find where I am missing a value and I also cant get the style-css to work as well
Your code so far

<!-- file: index.html -->
<!DOCTYPE html> 
<html lang="en"> 
<head> <meta charset="UTF-8"><title>Survey Form</title>
<link rel="stylesheet" href="style.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 for='name' id='name-label'>Enter your name:<input id='name' type='text' placeholder='First, Last' required></label>
    <label for='email' id='email-label'>Enter your email:<input id='email' type='email' placeholder='MichaelScott@gmail.com' required ></label>
    <label for='number' id='number-label'>Enter your age(Number):<input id='number' type='number'min='13' max='120' placeholder='21' required></label>

    <label for='dropdown'>Which option best describes your education stauts?
    <select id='dropdown'>
      <option value=''>(Select One)</option>
      <option value='1'>high-school</option>
      <option value='2'>under-grad</option>
      <option value='3'>grad-school</option>
      <option value='4'>prefer not to say</option>
      </select>
      </label>

<p>Would you recommend freeCodeCamp to a friend</p>
    <label for='Definitely'><input id='Definitely' type='radio'name='recommend' value='definitely'>Definitely</label>
    <label for='Maybe'><input id='Maybe' type='radio' name='recommend' value='maybe'>Maybe</label>
    <label for='Not Sure'><input id='Not Sure' type='radio' name='recommend' value='not sure'>Not Sure</label>
    
    <p>What would you like us to improve on? (check all that apply</p>)
    <label for='Front-end'><input id='Front-end' type='checkbox' value='front'>Front-End Projects
    <labe for='Back-end'><input id='Back-end' type='checkbox' value='back'>Back-End Projects</label>
    <label for='Data'><input id='Data' type='checkbox' value='data'>Data Visualization</label>
    <label for='Challenges'><input id='Challenges' type='checkbox' value='challenges'></lebel>
    <label for='Open'><input id='Open' type='checkbox' value='open'>Open Source Community</label>
    <label for='Gitter'><input id='Gitter' type='checkbox' value='gitter'>Gitter</label>
    <label for='Videos'><input id='Videos' type='checkbox' value='videos'>Videos</label>
    <label for='City'><input id='City' type='checkbox'>City Meetups</label>
    <label for='Wiki'><input id='Wiki' type='checkbox' value='wiki'>Wiki</label>
    <label for='Forum'><input id='Forum' type='checkbox' value='forum'>Forum</label>
    <label for='Courses'><input id='Courses' type='checkbox' value='courses'>Additional Courses</label>

<label for='Comments'>Additional Comments<textarea id='Comments' type='text' name='comments' rows='3' cols='30' placeholder='Place your comments here'></textarea></label>
<input type='submit' id='submit' value='submit'>
   </form>
   </body>
   </html>

/* file: styles.css */
body{ 
  width:100%;
  height: 100vh;
  background-color: #1d3557;
  color: #f1faee;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

To link your css,

you should have styles not style

1 Like
3

Howdy! Thanks for posting your question on the forum.

First, your ‘City’ input doesn’t have a value attribute. Be sure to fix that.
You also have some typographical errors, like lebel and labe, be sure to fix that.
Lastly, you’ve not linked your CSS to your HTML properly. your href attribute has its value set to style.css, when it should be styles.css

Hope this helps!

1 Like
4

Also,one of your checkbox lacks a value attribute.

1 Like
5

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