Survey Form - Build a Survey Form

Tell us what’s happening:
I keep getting an error that everything should be a descendent of #survey-form but im noit sure what that means?

   **Your code so far**
/* file: index.html */
<h1 id="title">
 Basketball Survey
 <link rel="stylesheet" href="styles.css">
 <p id="description">Please fill this out</p>
 <body>
 </h1>
 <fieldset>
 <form id="survey-form">
   <label id= "name-label">
   <input id="name" type="text" required placeholder= "name"
   </label><br>
   <label id= "email-label">
   <input id="email" type="email" required placeholder= "Email"
   </label><br>
 <label id="number-label">
 <input id="number" type="number" min="14" max="120" placeholder= "age"
 </label> 
</form>
</fieldset>
<fieldset>
 <form>
 <p>What is your favorite team?</p>
 <select id="dropdown">
   <option value="">(select one)</option>
   <option value="1">Chicago Bulls</option>
   <option value="2">LA Lakers</option>
   <option value="3">Golden State Warriors</option>
   <option value="4">Other</option>
</select>
</form>
</fieldset>
<fieldset>
<p>Favorite basketball player:</p>
 <input type="radio" name="fav-player" value="Lebron James">
 <label>Lebron James</label><br>
<input type="radio" name="fav-player" value="Kevin Durant">
<label>Kevin Durant</label><br>
<input type="radio" name="fav-player" value="Giannis Antetokounmpo">
<label>Giannis Antetokounmpo</label><br>
<input type="radio" name="fav-player" value="Luka Doncic">
<label>Luka Doncic</label><br>
</fieldset>
<fieldset>
<p>What do you look for in a good player?</p>
<input type="checkbox" name="strengths" value="Height" class="inline"
<label>Height</label><br>
<input type="checkbox" name="strengths" value="Shooting" class="inline"
<label>Shooting</label><br>
<input type="checkbox" name="strengths" value="Handles" class="inline"
<label>Handles</label><br>
<input type="checkbox" name="strengths" value="IQ" class="inline"
<label>IQ</label>  
</fieldset>
<fieldset>
 <textarea name="your game" rows="5" cols="30" placeholder="Describe your game.."></textarea> 
 </fieldset>
 <input id="submit" type="submit" value="Submit"/>
</form>
</body>
/* file: styles.css */
body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: orange;
 font-family: Tahoma;
 
}
h1, p {
 margin: 1em auto;
 text-align: center;
 font-family: Arial;
 }

 form {
   width: 100vw;
   max-width: 500px;
   min-width: 300px;
   margin: 0 auto;
   padding-bottom: 2em;
 }

 h1, input, label, textarea{
   text-align: center;
 }

 .inline {
   width: unset;
   margin: 0 0.5em 0 0;
   vertical-align: middle;

 }

 fieldset {
   text-align: center;


 }

 
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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:

your form is just this, so there is a lot outside of it

Please make sure to have each tag have both its opening bracket < and its closing bracket > .
Note you can’t have one tag insite an other, so if you have an opening bracket < , the next bracket you should see is a closing one > – you can’t have two opening brackets following each other or two closing brackets following each other as that would mean the tag is not complete.

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