Survey Form - Build a Survey Form

Tell us what’s happening:
When instructions refer to radio buttons, it requires the following:
Every radio button group should have at least 2 radio buttons
I cannot get that right, it seems. Can anyone give me an example?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>FreeCodeCamp Survey Form</title>
  <link rel="stylesheet" href="styles.css"/>
     </head> 
     <h1 id="title"> FreeCodeCamp Survey Form</h1> 
     <p id="description"> Thank you for taking the time to help us improve the platform</p>
     <form id="survey-form" method="post">
       <fieldset>
         <label for="name" id="name-label">Enter your name:<input placeholder="Enter your name" id="name" type="text" name="name" required/> </label>
         <label for="email" id="email-label">Enter your Email:<input placeholder="Enter your Email" id="email" name="email" type="email" required/>  </label>
  <label id="number-label" for="age">Age:<input placeholder="Enter your age" id="number" type="number" min="10" max="99" required/>
    </label>       
      <label for="description">Which option best describes your current role?<input placeholder="Select current role" required /><select id="dropdown" name="dropdown">
        <option value="Student" selected> <option value="full Time Job"> </option> <option value="Full Time Learner">
          </option value="Prefer not to say" ><option value="Other"></option>
          </option> </select></label> </fieldset>
          <h2>Would You Recommend FreeCodeCamp to a Friend?
   <input type="radio" name="definitely" value="Yes"/> <label id="yes">Definitely</label>
   <input type="radio" name="maybe" value="No"/>  <label>Maybe</label> 
   <input type="radio" name="not sure" value="not sure"/> <label>Not Sure</label>  <fieldset>

          </fieldset>
/* file: styles.css */
body{width:100%;height: 100vh; margin:0; background-color:#191970; font-family: 'pippins', sans-serif; font-size:1rem; font-weight:400;line-height:1.4; color: #f5f6f7}
h1,p{margin: 1em auto; text-align: center;}
form{width:60vw; max-width: 500px; min-width: 300px; margin: 0 auto;}
fieldset{border: none; padding:2rem 0; border-bottom: 3px solid#f5f6f7}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I can’t see anything wrong so far.

Just continue to do the project. I found that later codes helps the text editor understand and it clears out some erros. Just check for errors when you think you are completely finished

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