I’m getting the feedback that my #number, #email, #number-label, #email-label, #drop-down, radio buttons, checkboxes, textarea, and submit need to descendants of #survey-form- how do I make them descendants of survey form? It is also saying that I need to have atleast 2 groups of 2 radio buttons (which I have). It says all my checkboxes need to have a value and an attribute (which they have). It says my number should have a type of number (which it has). So why do the tests keep coming back wrong? Am I misunderstanding the instructions?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html/>
<html lang="en"></html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"/>
<title>Survey Form</title>
</head>
<body>
<h1 id="title">Aspiring Gardeners</h1>
<p id="description">We are creating a growing course for aspiring gardeners. Please let us know what type of plants you are interested in growing, and the type of growing space you have available. Thanks for your interest in gardening!</p>
<!--Name Field-->
<fieldset>
<form id="survey-form">
<label for="name" id="name-label">Name: <input id="name" type="text" placeholder="Your Name" required></input></label>
</fieldset>
<!--Email Field-->
<fieldset>
<label for="email" id="email-label">Email: <input id="email" type="email" form="survey-form" name="email" placeholder="youremail@gmail.com" required></input></label>
</fieldset>
<!--Number Field-->
<fieldset>
<label for="number" id="number-label">Age: <input id="number" form="survey=form type="number" name="number" required placeholder="Age" min="14" max="99"></input></label>
</fieldset>
<!--Select Field-->
<fieldset>
<label for="dropdown">Which plant are you interested in growing?
<select id="dropdown"><option value="">(select one)</option>
<option value="1">Tomatoes</option>
<option value="2">Peppers</option>
<option value="3">Oregano</option>
</label></select>
</fieldset>
<!--Radio Field-->
<fieldset>
<p>Where is your growing space?</p>
<label for="outdoor" name="outdoor">Outdoor<input form="survey=form" id="outdoor" type="radio" class="inline" name="outdoor" value="outdoor"></input></label>
<label for="indoor" name="indoor">Indoor<input form="survey=form" id="indoor" type="radio" class="inline" name="indoor" value="indoor"></input></label>
</fieldset>
<!--Radio Field 2-->
<fieldset>
<p>What type of growing space do you have?</p>
<label for="yard" name="yard">Yard<input form="survey=form" id="yard" type="radio" class="inline" name="yard" value="yard"></input></label>
<label for="balcony" name="balcony">Balcony<input form="survey=form" type="radio" class="inline" name="balcony" id="balcony" value="balcony"></input></label>
</fieldset>
<!--Checkbox Field-->
<fieldset>
<p>How much time can you devote to gardenning?</p>
<label for="1-2 hours/month" name="1-2 hours/month">1-2 hours/month<input form="survey=form" id="1-2 hours/month" type="checkbox" name="1-2 hours/month" class="inline" value"1-2 hours/month"</label>
<label for="1-2 hours/week" name="1-2 hours/week">1-2 hours/week<input form="survey-form" id="1-2 hours/week" type="checkbox" name="1-2 hours/week" class="inline" value="1-2 hours/week"</label>
<label for="1-2 hours/day">1-2 hours/day<input form="survey=form" id="1-2 hours/day" name="1-2 hours/day" type="checkbox" class="inline" value="1-2 hours/day"</label>
</fieldset>
<!--Textarea Field-->
<fieldset>
<p>Why do you want to learn gardening? What are you hoping to get out of the course?</p><textarea form="survey-form" id="survey-form" required type="text" type="interests" rows="10" cols="40" placeholder="I want to grow food for myself and my familly. I am hoping to be inspried by meeting like-minded aspiring gardenners!"></textarea>
</fieldset>
<!--Submit Field-->
<fieldset>
<input type="submit" id="submit" form="survey-form" value="submit"></input>
</fieldset>
</form>
</body>
/* file: styles.css */
/* file:styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: