SOLVED-Help needed FCC survey form project

SOLVED-Help needed FCC survey form project
0.0 0

#1

Tell us what’s happening:
my test suite won’t validate 1 item in my code,i have read the error and done as needed but still no validation please assist me where am going wrong,
attached is my code

Your code so far https://codepen.io/wanyutu/pen/ERrEvX


<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<h1 id="title">Survey Form</h1>
<p id="description"> Let Us Know How we can Improve FreeCode Camp</p>
  <form id="survey-form">
    <label class="labels" id="name-label">Name</label>
    <div class="inputs">
      <input id="name" type="text" name="name" placeholder="Enter Your Name" required>
    </div>
    <label class="labels" id="email-label">Email</label>
    <div class="inputs">
      <input id="email" type="email" placeholder="Enter Your Email" required>
    </div>

    <label class="labels" id="number-label">Age</label>
    <div class="inputs">
      <input id="number"  required min="12" max="100" type="number" placeholder="Enter Your Age">
    </div>
    <label class="labels">Which option best describes your current role?</label>
    <div class="inputs">

      <select id="dropdown" type="dropdown">
         <option disabled selected value>Select an option</option> <option id="student">Student</option> 
        <option id="full-job">Full Time Job</option>
         <option id="full-learner">Full Time learner</option> 
         <option id="not-say">Prefer Not To Say</option> 
       
      </select>
    </div>
    <label>How likely is that you would recommend freeCodeCamp to a friend?</label>
    <ul>
      <li><input type="radio" id="definitely" name="recommend"  value="1" checked />
        <label for="louie">Definitely</label></li>
      <li><input type="radio" value="2" class="inputs" id="maybe" name="recommend" />
        <label for="maybe">Maybe</label></li>
      <li><input class="inputs" value="3" type="radio" id="not sure" name="recommend" />
        <label for="not sure">Not Sure</label></li>
    </ul>
    <div class="labels">
      <label>What do you like most in FCC</label>
      <select type="dropdown">
         <option disabled selected class="inputs" value>Select an option</option>
  <option class="inputs">Challenges</option>
        <option class="inputs">Projects</option>
        <option class="inputs">Open Source</option>
        <option class="inputs">Community</option>
        
      </select>
       </div>
    <div class="labels">
      <label>Things that should be improved in the future<br>
(Check all that apply):</label>
      <div class="inputs">
       <input type="checkbox" value"1">
        <option class="inputs">Front-End-Projects</option>
        </input>
      <input type="checkbox" value="2" >
        <option class="inputs">Back-End-Projects</option>
        </input>
    <input type="checkbox" value="3" >
        <option class="inputs">Videos</option>
        </input>
        <input type="checkbox" value="4" >
        <option class="inputs">Data-Visualisation</option>
        </input>
        <input type="checkbox" value="5" >
        <option class="inputs">Open-Source-Community</option>
        </input>
        <input type="checkbox" 
               value="6" >
        <option class="inputs">Gitter-Help-Rooms</option>
        </input>
<input type="checkbox" value="7"  >
        <option class="inputs">City-Meetups</option>
        </input>
        <input type="checkbox" value="8" expected >
        <option class="inputs">Forum</option>
        </input>
        <input type="checkbox" value="9" >
        <option class="inputs">Additional Courses</option>
        </input>
 <input type="checkbox" value="10"  >
        <option class="inputs">wiki</option>
        </input>
<input type="checkbox" value="11"  >
        <option class="inputs">Challenges</option>
</input>
</ul>
<div class="labels">
  <label>Any Comments or Suggestions?</label>
</div>
<div class="inputs">
  <textarea placeholder="Enter Your Comment Here...."></textarea>
</div>
      </div>
    </div>

  <button type="submit" id="submit">Submit</button>

  </form>
</div>

#2

You’re missing a = here.

You may also want to consider using <label> instead of <option> for the checkboxes (like you did with your radio buttons), since the latter is intended to be used in a <select> element. Also notice that clicking the radio button labels activate their respective radio buttons, and I bet most users would expect checkboxes to behave as such.


#3

thank you @kevcomedia for your help. but i didn’t understand your comment on my radio buttons


#4

Try clicking the labels beside your radio buttons. You’ll notice that the radio button beside the label you clicked gets activated (except the first one, because the label’s for attribute doesn’t match the radio button’s id). However your checkboxes are not using the same markup.


#5

oh yeah i noticed,how can i fix that? i am new to writing html


#6

Just do the same way you did with those radio buttons. Give them unique id attributes, then add a label with a for attribute that matches the input’s id.

<input type="radio" id="hello" value="..." ...>
<label for="hello">Hello</label>

<input type="radio" id="world" ...>
<label for="world">World</label>

...
<!-- You can do the same with `type="checkbox"` -->

#7

thank very much @kevcomedia