Survey Form - Build a Survey Form

HTML-CSS
1

All your radio buttons should have a value attribute and value.

Your code so far

<!-- file: index.html -->
<!doctype html>
<link rel="stylesheet" href="styles.css">
<h1 id="title">Title</h1>
<p id="description">Description</p>
<form id="survey-form">
  <label>Name</label><br>
  <label id="name-label">text</label>
  <input id="name" type="text" placeholder="Enter your name" required></input>
  </br><br>
  <label>Email</label><br>
  <label id="email-label"</label>
  <input id="email" type="email" placeholder="Enter your Email" required></input></br><br>
  <label>Age(optional)</label><br>
  <label id="number-label"</label>
  <input id="number" type="number" min="0" max="999999999999" placeholder="Age" required</input></br><br>
  <label>Which option best describes your current role?</label><br>
  <select id="dropdown" placeholder="Select Current Role">
    <option  name="option" type="radio" Value="option"> Select Current Role</option>
    <option name="option" type="radio" value="Student">Student</option>
    <option name="option"type="radio" value="Full-Time-Job" >Full Time Job</option>
    <option name="option"type="radio" value="Full-Time-Learner">Full Time Learner</option>
    <option name="option"type="radio" value="Prefer-not-to-ay" >Prefer not to say</option>
    <option input="" name="option"type="radio" value="other" >other</option>
  </select>
  <br>
  <br><label id="name-label">Would you re recommend freeCodeCamp to a friend?</label></br>
  <label for="definitely" value="definitely"><input id="definitely" type="radio" name="definitely-maybe-not-sure"> Difinitely</label><br>
    <label for="maybe" value="maybe"><input id="maybe" type="radio" name="definitely-maybe-not-sure"> Maybe</label><br>
    <label for="not-sure" value="not-sure"><input id="not-sure" type="radio" name="definitely-maybe-not-sure"> Not Sure</label><br>
    <label>What would you like to see improved? (Check all that apply)</label><br>
    <input type="checkbox" value="Front-end Projects">Front-end Projects</input><br>
    <input type="checkbox" value="Back-end Projects">Back-end Projects</input><br>
    <input type="checkbox" value="ata Visualization<">Data Visualization</input><br>
    <input type="checkbox" value="Challenges">Challenges</input><br>
    <input type="checkbox" value="Open Source Community">Open Source Community</input><br>
    <input type="checkbox" value="Gitter help rooms">Gitter help rooms</input><br>
    <input type="checkbox" value="Videos">Videos</input><br>
    <input type="checkbox" value="City Meetups">City Meetups</input><br>
    <input type="checkbox" value="Wiki">Wiki</input><br>
    <input type="checkbox" value="Forum">Forum</input><br>
    <input type="checkbox" value="Additional Courses">Additional Courses</input><br>
    <label>Any comments or suggestions?</label><br>
    <textarea placeholder="Enter your comment here..."></textarea>
    <br>
    <input type="submit" id="submit">Submit</input>
    
</form>


/* file: styles.css */
.background{
  background-color: black;
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I’m not sure what I can tell you that the error message isn’t already telling you :slightly_smiling_face: Not all of your radio buttons have a value attribute. But some of your labels have a value attribute which they don’t need.

3

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