Survey Form - Build a Survey Form

HTML-CSS
1

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:

2

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

3

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