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">
<head>
<link rel="stylesheet" href="styles.css"/>
<title> Survey Form</title>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description"> Thanks for taking the time to fill out this survey</p>
</body>
<form id="survey-form"/>
<fieldset>
<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= "coder@freecodecamp.org" 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>
<div>
<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>
</div>
<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>
</fieldset>
<input value="submit" type="submit" id="submit"/>
</form>
</head>
</html>
/* 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);
}
textarea,
{
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/104.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
