Survey Form - Build a Survey Form

The code fails these tests:
“Every radio button group should have at least 2 radio buttons.”
" You should have at least one textarea element that is a descendant of #survey-form ."
I think I have at least 2 radio buttons and a textarea element, so I don’t know why the code fails the tests.
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css"/>
<title> Survey Form</title>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description"> Thanks for taking the time to fill out this survey</p>
<form id="survey-form"/>
    <label id="name-label"> Name:<input id="name" type="text" placeholder="First and Last" required/></label>
    <label id="email-label"> Email:<input id="email" type="email" placeholder= "" required/></label>
    <label id="number-label"> Age (years) <input id="number" type="number" min="13" max="120" placeholder="25" required/></label>
    <label> Which option best describes your current role?
      <select id="dropdown" name="refferrer">
        <option value=""> Select current role</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="5"> Other</option> </label>
  <label><input type="textplace"/>Would you reccommend freeCodeCamp to a friend?</label>
      <label> <input type="radio" class="inline" name="choice 1" value="1"/>Definitely</label>
        <label><input type="radio" class="inline" name="choice 2" value="2"/>Maybe</label>
        <label><input type="radio" class="inline" name="choice 3" value="3" />Not sure</label>
        <label> <input type="textplace"/>What would you like to see improved?</label>
        <label><input type="checkbox" value="1"/> Front/Back End Projects</label>
              <label><input type="checkbox" value="2"/> Challenges</label>
              <label><input type="checkbox" value="3"/> Forum</label>
             <label><input type="checkbox" value="4"/> Videos</label>
            <label><input type="checkbox" value="5"/> Wiki</label>
            <label><input type="textplace"/> Any comments or suggestions?</label>
             <label><input type="textarea" placeholder="I think you can improve the articles...."/></label>     
<input value="submit" type="submit" id="submit"/>
/* file: styles.css */
.inline {
width: unset; 
margin: 0 0.5em 0 0;
vertical-align: middle; 
h1, p {
background-color: rgb(29, 26, 97);
color: white;
font-family: Tahoma;
font-size: 25px;
label {
background-color: rgb(29,26,96);
color: white;
font-family: Tahoma
fieldset {
background-color: rgb(29,26,96);
input[type="textplace"] {
background-color: rgb(29,26,96);
border-color: rgb(29,26,96);
margin: 10px 0 0 0;
width: 120%;
min-height: 3em;
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.132.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

textarea element is not input type
rather a separate element


Thanks for your help!

Do you have an idea on why the radio button test fails?

Hi the name are supposed to be the thing you are asking and the values are the ones that is the possible answers to the questions.

For reference,
A radio button group is a group of <input type="radio"> where the name is the same.
That is how you make radio button group.

If you click all your radio buttons, it will be all selected if it doesn’t have the same name.

If you make it so that the radio button have the same name, you can only choose one out of all the possible chocie

Hope that helps :pray:

Thank you so much for your help!

1 Like

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