Tell us what’s happening:
I am trying to finish my Survey Form Certification, however, it is giving me an error code (#38 when I run the test) stating that every radio button group should have at least 2 radio buttons. Here’s my code:
What is your greatest monthly expenditure?
Check the one that best applies.
<input type=“radio” name="expenditure” id=“Housing” value=“Housing” class=“inline” />Housing
Food
Medical
Transportation
Childcare
Other
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" </meta><title> How is the Economy Impacting Your Finances? Survey ></title>
<link rel="stylesheet" href="styles.css"> <h1 id="title">How is the Economy Impacting Your Finances? Survey</h1><p class id="description"</p><i>This form will help us gauge the impact the economy has caused on your financial stability.
<form method="post" id=survey-form>
<fieldset>
<label for="name" id="name-label"><b>Name<input id="name" name="name" type="text" placeholder="Enter your name" required></label>
<label for="email" id="email-label">Email <input id="email" name="email" type="email" placeholder="Enter your email" required></label>
<label for="occupation">Occupation <input id="occupation-label" name="occupation" type="text" placeholder="Enter your Occupation">
</label>
<label for="age" id="number-label">Age <input id="number" name="age" class="age" type="number" min="13" max="99" placeholder="enter your age" ></label>
<label for="income" class="income">What is your current income?<input id="income" type="number" name= “income” min="0" max="1,000,000" <label placeholder="Enter your income"></label>
</fieldset>
<fieldset>
<label for="Housing">What is your housing situation?<br><em>Choose the option that best applies to you.</em></label>
<label for="Housing">What is your housing situation?
Choose the option that best applies to you.</em></label>
<select id="dropdown" name="Housing">
<option value=””>(Select one)</option>
<option value=”1”>Own-Home</option>
<option value=”2”>Rent</option>
<option value=”3”>Homeless</option>
<option value=”4”>Other</option>
</select>
</label>
<label for="Other"> Explain<textarea>Please describe (other) housing situation</textarea></label>
</label>
</fieldset>
<fieldset>
<label for="Spending">What is your greatest monthly expenditure?<br><em>Check the one that best applies.</em></label>
<label>
<input type="radio" name="expenditure” id="Housing" value="Housing" class="inline" />Housing</label>
<label><input type="radio" name="expenditure" id="Food" value="Food" class="inline" />Food</label>
<label><input type="radio" name="expenditure" id="Medical" value="Medical" class="inline" />Medical</label>
<label><input type="radio" name="expenditure" id="Transportation" value="Transportation" class="inline" />Transportation</label>
<label><input type="radio" name="expenditure" id="Childcare" value="Childcare" class="inline" />Childcare</label>
<label><input type="radio" name="expenditure" id="Other" value="Other" class="inline" />Other</label>
<label for="Other"><textarea>Please describe your greatest expenditure</textarea></label>
</
<label for="terms-and-conditions">
<input id="terms-and-conditions" type="checkbox" value="checkbox" required name="terms-and-conditions" class="inline" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions.</a>
</label>
<label for="receive-emails">
<input id="receive-emails" type="checkbox" value="checkbox" required name="receive-emails" class="inline" /> I accept to <a href="https://www.freecodecamp.org/news/receive-emails/">receive email notifications.</a>
</label>
</fieldset>
<input id="submit" type="submit" value="Submit"/>
</form>
</body>
</html>
/* file: styles.css */
body{width: 90%;height: 100vh;
margin: 0.5;
padding: 1rem;
background-color: #00ff0080
color: #f5f7f6;
font-family: Courier;
font-size: 16px;
}
h1{
margin: 0.3em auto;
text-align: center;
color: #020404;
text-shadow: 1px 1px white;
}
textarea, input, select{margin: 5px 0 0 0;
width: 100%;
min-height: 1em;
}
.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
cursor: pointer;
}
input[type=“submit”] {
display: block;
width: 25%;
height: 2em;
font-size: 1rem;
background-color: #73C6B6;
border-color: #16A085;
min-width: 300px;
color: white;
border-radius: 5px;
}
input[type=“submit”]:hover {
background-color: #A569BD;
color: white;
}
age {width: 35%}
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form