Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I am not being passed in this requirement “Every radio button group should have at least 2 radio buttons.” I don’t understand what “radio button group” means here. I am confused about my speed too. It took 1 and a half an hour to come this far. Is it normal? I copied code from a previous project(HTML registration form). Will I be able to learn finally?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <body>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
  </body>
  <form id="survey-form">
    <fieldset>
        <label for="Name" id="name-label">Name<input id="name" type="text" placeholder="Enter your name" required/></label>
        <label for="Email" id="email-label">Email <input id="email" type="email" placeholder="Enter your Email" required /></label>
      <label for="Age" id="number-label">Age(optional)<input id="number" type="number" pattern=""[0-9]+" min="1" max="100" placeholder="Age" required /></label>
      </fieldset>

      <fieldset>
        <label for="description">Which option best describes your current role?
          <select id="dropdown">
            <option value="">Select current rule</option>
            <option value="1">Student</option>
            <option value="2">Full time job</option>
            <option value="3">Full time learner</option>
            <option value="4">Prefer not to say</option>
            <option value="4">Other</option>
          </select>
        </label>
      </fieldset>

      <fieldset>
        <legend>Would you recommend freeCodeCamp to a friend?</legend>
        <label><input type="radio" name="definietely" value="definietely" checked />Definitely</label>
        <label><input type="radio" name="May be"  value="May be"/>May be</label>
        <label><input type="radio" name="Not sure" value="Not sure"/>Not sure</label>
      </fieldset>

      <fieldset>
        <label for="description">What is your favorite feature of freeCodeCamp?
          <select id="dropdown">
            <option value="">Select current rule</option>
            <option value="1">Challenges</option>
            <option value="2">Projects</option>
            <option value="3">Community</option>
            <option value="4">Open source</option>
          </select>
        </label>
      </fieldset>

      <fieldset>
        <legend>What would you like to see improved? (Check all that apply)</legend>
        <label for="fronend"><input id="front-end" type="checkbox" value="Front- end Projects" checked />Front- end Projects</label>
        <label for="backend"><input id="backend" type="checkbox" value="Back- end Projects"/>Back- end Projects</label>
        <label for="Data-visualization"><input id="data-visualization" type="checkbox" value="Data-visualization"/>Data-visualization</label>
        <label for="Challenges"><input id="challenges" type="checkbox" value="Challenges"/>Challenges</label>
      </fieldset>
        <label for="Suggestion">Any comments or suggestions?
        <textarea id="bio" name="bio" rows="3" cols="30" placeholder="Enter your comment here"></textarea>
        </label>
        <input type="submit" id="submit" value="Submit" />
  </form>
</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/119.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

1 Like
2

Radio buttons are considered to be part of the same group when they have the same value for the name attribute.

1 Like
3

The name attribute must be the same for all radio
buttons in a group to indicate that they belong to the same group.

1 Like
4

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