Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I have accomplished all tasks for “Building a Survey Form” excpet for #36 & #38.

#36 - All your radio buttons should have a “value” attribute and a value

#38 - Every radio button group should have at least 2 radio buttons

I did put value=“submit” in the line of code to try and fix #36 but it did not work. And the “submit” button is the only button that was added to this code, what does it mean by at least 2 radio buttons?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>
  <body>
    <header>
      <h1 id="title">Free Code Camp is Awesome!</h1>
      <p id="description">Thank you for taking time to leave your honest review and thoughts.</p>
    </header>
    <main>
      <form method="POST" action="https://survey.freecodeamp.org" id="survey-form">
      <div class="form-group">
        <label id="name-label" for="name">Name</label>
        <input type="text" id="name" class="form-control" name="name" placeholder="Enter your name" required />
      </div>
      <div class="form-group">
        <label id="email-label" for="email">Email</label>
        <input type="email" id="email" class="form-control" name="email" placeholder="Enter your email" minlength="4" maxlength="64" required />
      </div>
      <div class="form-group">
        <label id="number-label" for="age">Age (optional):</label>
        <input type="number" id="number" class="form-control" name="number" min="3" max="100" placeholder="Age" />
      </div>
      <div class="form-group">
        <p>What is your current role?</p>
        <select id="dropdown" name="role" class="form-control" required="">
          <option disabled="" selected="" value="">Current Role</option>
          <option value="beginner">Beginner</option>
          <option value="expert">Expert</option>
        </select>
      </div>
      <div class="form-group">
        <p>Would you recommend freeCodeCamp to others?</p>
        <label for="yes-option">Yes</label>
        <input id="yes-option" type="radio" name="recommendation" checked="" />
        <label for="no-option">No</label>
        <input id="no-option" type="radio" name="recommendation" />
        <label for="maybe-option">Maybe</label>
        <input type="radio" id="maybe-option" name="recommendation />"
      </div>
      <div class="form-group">
        <p>What is your favorite feature about freeCodeCamp?</p>
        <select id="most-like" name="mostlike" class="form-control" required="">
          <option disabled="" selected="" value="">Select an option</option>
          <option value="lectures">Lectures</option>
          <option value="quizzes">Quizzes</option>
          <option value="workshops">Workshops</option>
          <option value="labs">Labs</option>
        </select>
      </div>
      <div class="form-group">
        <p>Are there areas that freeCodeCamp can improve in? (Check all that apply)</p>
        <label for="help">Easier to get assistance</label>
        <input type="checkbox" id="help" name="help" value="help" />
        <label for="pop-ups">Pop ups</label>
        <input type="checkbox" id="pop-ups" name="pop-ups" value="pop-ups" />
        <label for="no">No, freeCodeCamp is perfect!</label>
        <input type="checkbox" id="no" name="no" value="no" />
      </div>
      <div class="form-group">
        <p>Any comments or suggestions?</p>
        <textarea id="comments" class="input-textarea" name="comment" placeholder="Enter your comment here"></textarea>
      </div>
      <div class="form-group">
        <button type="submit" id="submit" class="submit-button" value="submit">Submit</button>
      </div>
    </form>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Survey Form - Build a Survey Form

2

Hi @KyleN718 !

Welcome to the forum!

These are radio buttons

You learned about them in the hotel feedback form workshop.

You need to add value attributes to those three radio buttons

You failing here because of syntax errors here

Once you fix those issues, then the test will pass

3

And the value must be the same for the same radio button group so that when one is selected, the others are not.