Survey Form - Build a Survey Form

Tell us what’s happening:
I keep getting the error of " All your checkboxes inside #survey-form should have a value attribute and value."tml.It’s the last thing missing for me to complete this survey Form.Normally it should work but I don’t know why it doesn’t work
Your code so far

<!DOCTYPE html>
<html lang="en">
    <title> freecodecamp Survey Form</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css">
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
    <div id="border">
    <form id="survey-form">
      <label id="name-label">
        <p class="title2">Name</p>
         <input id="name" type="text" placeholder="Enter your Name" value="Name" required>
      <label id="email-label">
      <p class="title2">Email</p>
        <input id="email" type="email" required placeholder="Enter your email" value="Email" required>
      <label id="number-label">
      <p class="title21">Age(optionnal)</p>
        <input id="number" type="number"  min="13" max="120" placeholder="Age" value="Number" required>
      <p class="title3">Which option best describes your current role?</p>
      <select id="dropdown">
        <option> Select current role </option>
        <option> Student </option>
        <option> Full Time Job </option>
        <option> Full Time Learner </option>
        <option> Prefer Not To Say </option>
        <option> Other </option>
      <p class="title6">Would you recommend freeCodeCamp to a friend?</p>
      <input id="Definitely" type="radio" name="best role" value="Definitely" required>
      <label for="Definitely">
        <p class="choice">Definitely</p>
      <input id="Maybe" type="radio" name="best role" value="Maybe" required>
      <label for="Maybe">
        <p class="choice">Maybe</p>
      <input id="Notsure" type="radio" name="best role" value="Notsure" required>
      <label for="Notsure">
      <p class="choice">Not sure</p>
      <p class="title4">What is your favorite feature of freeCodeCamp?</p>
      <select id="dropdown">
        <option value="select"> Select an option </option>
        <option value="challeng"> Challenges </option>
        <option value="projet"> Projects </option>
        <option value="communit"> Community </option>
        <option value="opensou"> Open source </option>
      <p class="title5">What would you like to see improved? (Check all that apply)</p>
      <input id="frontend" type="checkbox" name="improvement" value="frontend" >
      <label for="Frontend">
        Front-end Projects
        <input id="backend" type="checkbox" name="improvement" value="backend" >
      <label for="Backend">
        Back-end Projects
        <input id="data" type="checkbox" name="improvement" value="data" >
      <label for="Data">
        Data Visualization
        <input id="challenges" name="improvement" type="checkbox" value"challenges" >
      <label for="Challenges">
        <p class="title7">Any comments or suggestions?</p>
        <textarea id="textarea"> Enter your comment here... </textarea><br><br>
        <input id="submit" type="submit" value="Submit">

Link to the challenge:

Double check the HTML for your check boxes. One of them has a syntax error. Based on the test you are failing it’s probably a safe bet it has to do with the value attribute :slightly_smiling_face:

1 Like

Thank you it worked !!!

1 Like

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