Build a Survey Form: User Story #13

Tell us what’s happening:
so far i’ve gotten through 12 of the 17 tests, but i’m stuck here on 13.

“User Story #13: Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute.”

any help would be greatly appreciated!

Your code so far

<h1 id="title">Beans</h1>

<p id="description">Some Beans</p>

<form id="survey-form">
  <div>
    <label id="name-label">Your Name</label>
    <input type="text" id="name" placeholder="Use a Fake Name" required>
  </div>
  
  <div>
    <label id="email-label">Email</label>
    <input type="email" id="email" placeholder="Real@Email.com" required>
  </div>
  
  <div>
    <label id="number-label">Number of Beans</label>
    <input type="number" id="number" min="0" max="1" placeholder="?" required>
  </div>
  
  <div>
    <lable id="dropdown-label">Choose a Bean</label>
    <select id="dropdown" required>
      <option value="">--Pick a Bean--</option>
      <option value="navy-bean">Navy Bean</option>
    </select>
  </div>
  
  <div>
    <p>Do you eat beans?</p>
    <input type="radio" id="yes" name="yes-or-no">
    <label for="yes">Yes</label>
    <input type="radio" id="no" name="yes-or-no">
    <label for="no">No</label>
  </div>

</form>```
**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36</code>.

**Link to the challenge:**
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form

Hi,

Try setting a value attribute for each radio button, like value="yes" and value="no" for the first and second inputs.

oh man, yeah that worked! thanks so much!

1 Like