Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
I have passed all the tests except this one( All your checkboxes inside #survey-form should have a value attribute and value.) kindly assist me.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>FreeCodeCamp Survey Form</title>
    <link rel="stylesheet" href="style.css"></link>
  </head>
    <body>
      <form id="survey-form">
      <h1 id="title">FreeCodeCamp Survey Form</h1>
      <p id="description">Thank you for taking the time to help us improve the platform</p><label id="name-label" for="name">Name:<input id="name" type="text" placeholder="Enter your name" required /></label><label id="email-label" for="email">Email:<input id="email" type="email"  placeholder="Enter your email" required /></label><label id="number-label" for="age">Age(optional)<input id="number" type="number" min="13" max="120" placeholder="Age" /></label>
      <fieldset><label>Which option best describes your current role?<select id="dropdown">
        <option value="">(select current role)</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>Would you recommend freeCodeCamp to a friend?<label for="definitely"><input id="definitely" value="1" type="radio" name="type" />Definitely</label>
      <label for="maybe"><input id="maybe" value="2"  type="radio" name="type" />Maybe</label>
      <label for="not-sure"><input id="not-sure" value="3" type="radio" name="type" />Not sure</label></fieldset>
      <fieldset><label>What is your favourite feature of FreeCodeCamp?<select>
        <option value="">(select an option)</option>
        <option value="1">Challenges</option>
        <option value="2">Projects</option>
        <option value="3">Community</option>
        <option value="4">Open Source</option>
        </select>
        </label></fieldset>
      <fieldset>What would you like to see improved? (check all that apply)<label for="front-end-projects"><input id="front-end-projects" type="checkbox"/>Front-end projects</label><label for="back-end-projects"><input id="back-end-projects" type="checkbox"/>Back-end projects</label><label for="data-visualisation"><input id="data-visualisation" type="checkbox"/>Data Visualisation</label><label for="challenges"><input id="challenges" type="checkbox"/>Challenges</label><label for="open-source-community"><input id="open-source-community" type="checkbox"/>Open Source Community</label><label for="gitter-help-rooms"><input id="gitter-help-rooms" type="checkbox"/>Gitter help rooms</label><label for="videos"><input id="videos" type="checkbox"/>Videos</label><label for="city-meetups"><input id="city-meetups" type="checkbox"/>City Meetups</label><label for="wiki"><input id="wiki" type="checkbox"/>Wiki</label><label for="forum"><input id="forum" type="checkbox"/>Forum</label><label for="additional-courses"><input id="additional-courses" type="checkbox"/>Additional Courses</label></fieldset>
      <fieldset><label for="comments">Any comments or suggestions?<textarea id="comments" rows="3" cols="30" placeholder="Enter your comments here..."></textarea></label></fieldset>
      
      <input type="submit" id="submit"/></form>
      </body></html>

/* file: styles.css */
body{width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7;}

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 Edg/111.0.1661.44

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Can you explain what you don’t understand about “All your checkboxes inside #survey-form should have a value attribute and value.”? I am looking at your checkbox inputs and I don’t see a value attribute on any of them. You do have value attributes on your radio button inputs, so I think you understand how to add the value attribute to an input. What is preventing you from doing this for the checkbox inputs?

3

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