Survey Form - Build a Survey Form

Tell us what’s happening:
How can i set the radio tag for “would you recommend freecodecamp to a friend?” to be selected just one, instead of every option?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>freeCodeCamp Survey Form</title>
    <meta charset="usf-8">
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>

  <body>
    <div class="container">
      <header class="header">
        <h1 id="title" class="title">freeCodeCamp Survey Form</h1>
        <p id="description" class="description">Thank you for taking the time to help us improve the platform</p>
      </header>

      <form id="survey-form">
        <div class="form-group">
          <label for="name" id="name-label">Name</label>
          <input id="name" type="text" placeholder="Enter your name" required>
        </div>
        <div class="form-group">
          <label for="email" id="email-label">Email </label>
          <input id="email" type="email" placeholder="Enter your Email" required>
          </div>
          <div class="form-group">
            <label for="number" id="number-label">Age (optional)</label>
            <input id="number" type="number" min="13" max="120" placeholder="Age">
          </div>
          <div class="form-group">
            <label for="current-role" id="current-role"> Which option best describes your current role?</label>
            <select id="dropdown" name="current-role">
              <option disabled selected value>Select current role</option>
              <option value="student">Student</option>
              <option value="job">Fulltime Job</option>
              <option value="lerner">Fulltime Lerner</option>
              <option value="No">Prefer not to say</option>
              <option value="other">Others</option>
            </select>
          </div>
          <div>
            <label id="recommendation">Would you recommend freeCodeCamp to a friend?</label>
          </div>
          <div>
            <label>
              <input class="recommendation" type="radio" name="recommendation" value="definitely"> Definitely
            </label>
            <label>
              <input class="recommendation" type="radio" name="recomendation" value="maybe"> Maybe
            </label>
            <label>
              <input class="recommendation" type="radio" name="recommendation" value="notsure"> Not sure 
            </label>

    <label id="feature">What is your favorite feature of freeCodeCamp?</label>
    <select class="feature">
      <option>Select an option</option>
      <option> Challenges</option>
      <option>Projects</option>
      <option>Communities</option>
      <option>Open Sources</option>
    </select>
  </div>

  <label for>What would you like to see improved? (Check all that apply)
    <input value="checkbox" type="checkbox"><label> Front-end Projects</label></input>
    <input value="checkbox" type="checkbox"><label> Back-end Projects</label></input>
    <input value="checkbox" type="checkbox"><label> Data Visualization</label></input>
    <input value="checkbox" type="checkbox"><label> Challenges
</label></input>
    <input value="checkbox" type="checkbox"><label> Open Source Community</label></input>
    <input value="checkbox" type="checkbox"><label> Gitter help rooms</label></input>
    <input value="checkbox" type="checkbox"><label> Videos</label></input>
    <input value="checkbox" type="checkbox"><label> City Meetups</label></input>
    <input value="checkbox" type="checkbox"><label> Wiki</label></input>
    <input value="checkbox" type="checkbox"><label> Forum</label></input>
    <input value="checkbox" type="checkbox"><label> Additional Courses</label></input>
  </label>
  <div></div>
  <label> Any comments or suggestions?</label>
  <input type="textarea" placeholder="Enter your comment here..."></input>
  </body>

</html>
/* file: styles.css */
body {
  background-color:darkblue;
  background-image:url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);  color:white;
}

.title,.description {
  text-align:center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Try using the checked attribute.

I used "checked"attribute but it doesn’t seem like working. Did i use it correctly? :stuck_out_tongue:

I don’t know what you are attempting to do (why do you want to check everything?)
So instead of guessing at what you consider to be ‘correct’, I will just send you here: