Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
All your checkboxes inside #survey-form should have a value attribute and value. stuck at this

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/styles.css">
  <title>Survery Form</title>
</head>

<body>
  <h1 id="title">imgokxCodecamp Sample Survery form</h1>
  <p id="description">Thankyou for taking time to fill out this form</p>

  <form id="survey-form" method="post" action="https://register-demo.freecodecamp.org">
    <fieldset>
      <label id="name-label">Name<input id="name" type="text" required placeholder="Enter your name"></label>
      <label id="email-label">Email<input id="email" type="email" required placeholder="Enter your email"> </label>
      <label id="number-label">Age <input id="number" type="number" min="13" max="100" placeholder="Enter your age">
        <!-- <label id="martial-status">Martial Status  
        <label>Married<input value="married" name="married" type="checkbox"></label>
        <label>Not married<input value="unmarried" name="unmarried" type="checkbox"></label>
      </label> -->

      <label>What role best describes you?
        <select id="dropdown">
          <option value="">select one</option>
          <option value="part">Part time learner</option>
          <option value="full">Full time learner</option>
          <option value="nothing">Prefer not to say</option>
          <option value="other">Other</option>
        </select>
      </label>

      <label>Would your recommend anyone joining our company?</label>
      <label><input name="suggestion" type="radio" value="definitely">Definitely</label>
      <label><input name="suggestion" type="radio" value="maybe">Maybe</label>
      <label><input name="suggestion" type="radio" value="no">No</label>
    </fieldset>


    <fieldset>
      <label for="features">What do You like about programming?
        <select name="features" id="features">
          <option value="">Select one</option>
          <option value="1">Challanges</option>
          <option value="2">Community</option>
          <option value="3">Competition</option>
        </select>
      </label>

      <label for="improvements">What improvemts do you want to see in yourself after joining us?
        <label><label><input type="checkbox">Motivational improvements</label>
          <label for="persistancy"><input  type="checkbox" value="persistancy" name="persistancy">Persistacy</label>
          <label for="level-of-programming"><input  type="checkbox" value="level-programming" name="level-programming">Increase in level of programming</label>
          <!-- <label><input value="pay" name="pay" type="checkbox">Increase in pay opportunities</label>
          <label><input value="not" name="not" type="checkbox">Prefer not to say</label> -->
        </label>
    </fieldset>


    <fieldset>
      <label for="suggestions">Any Comments or suggestions?
        <textarea id="suggestions" rows="4" cols="40" placeholder="eg. improvements"></textarea>
      </label>

      <label>
        <button id="submit">Sumbit</button>
      </label>
    </fieldset>
  </form>
</body>

</html>
/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Look for elements that are checkboxes like this one.
Add value attributes to each of them.

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