Hey everybody!
I’m in the process of doing my survey form project and for some reason when I run the tests, it’s showing that all of my elements below the first field set are not descendants of the survey form element, despite all of them being nested within the “form” tag! I’ve scoured the internet high and low looking for solutions, and am still coming up completely clueless! Could anybody please give me some insight?
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Volunteer Availabilty Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<h1 id="title">Volunteer Availabilty Form</h1>
<p id="description">Fill out the information to let the committee know when you will be available to volunteer.</p>
<fieldset>
<form id="survey-form">
<label for="name" id="name-label"> First and Last Name:
<br><input id="name" name="name" type="text" placeholder="Enter your name"required/> </label>
<label for="email" id="email-label">E-mail: <br><input id="email" name="email" type="email" placeholder="Enter your email"required /></label>
</label>
<br>
<label for="number" id="number-label">Age?: <br><input placeholder="18"id="number" type="number" min="18" max="120" required /></label>
<legend>Can you commit at least 5 hours a week toward volunteering for at least the next year?</legend>
<label for="yes"><input id="yes" value="yes" type="radio" name="committment" class="inline" checked>Yes</label>
<label for="no"><input id="no" value="no"
type="radio" name="committment" class="inline" checked>No</label>
</fieldset>
<fieldset>
<label> Which option best describes your area of expertise?</label>
<select id="dropdown">
<option value="Tech">Tech</option>
<option value="Media">Media</option>
<option value="Marketing">Marketing</option>
<option value="Planning">Planning</option>
<option value="Hosting">Hosting</option>
<option value="Financing">Financing</option>
<option value="Analytics">Analytics</option>
</select>
<div class="form-group">
<label>
What days are you most available to volunteer?
<span class="clue">(Check all that apply)
</label>
<label
><input
name="day"
value="Sunday"
type="checkbox"
class="input-checkbox"
/>Sunday</label>
<br>
<label
><input
name="day"
value="Monday"
type="checkbox"
class="input-checkbox"
/>Monday</label>
<br>
<label
><input
name="day"
value="Tuesday"
type="checkbox"
class="input-checkbox"
/>Tuesday</label>
<label
><input
name="day"
value="Wednesday"
type="checkbox"
class="input-checkbox"
/>Wednesday</label>
<label
><input
name="day"
value="Thursday"
type="checkbox"
class="input-checkbox"
/>Thursday</label>
<br>
<label
><input
name="day"
value="Friday"
type="checkbox"
class="input-checkbox"
/>Friday</label>
<br>
<label
><input
name="day"
value="Saturday"
type="checkbox"
class="input-checkbox"
/>Saturday</label>
<fieldset>
<label for="additional-information">What other information would you like us to know about you?:</label>
<textarea id="additional-information" name="addiitonal-information" rows="4" cols="40" placeholder="Additional information"></textarea>
<br>
<input id="submit"type="submit" value="Submit">
</fieldset>
</form>
Challenge Information:
Survey Form - Build a Survey Form
