Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I keep getting the same errors about the value and the decendants

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
<html lang="en">
 <link rel="stylesheet" href="styles.css">
<h1 id="title">Percentage of cfb sucsess</h1>
<p id="description">How many players in cfb accualy make it pro?</p>
<fieldset>
<form id="survey-form" class="survey-form"></form>


 <label id="name-label">What is your name?
  <input id="name" type="text" required placeholder="enter your name please"/>
  </label>



  <label id="email-label">
  Your email<input id="email" required type="email" placeholder="Email here"/>
  </label>
</fieldset>

<fieldset>

<legend>Which side of the Ball?</legend><label>offence<input name= "SOB"type="radio"/></label>

<label>defence<input name="SOB" type="radio">
</fieldset>

<fieldset>

<legend>Stats</legend>
<label id="number-label" class="Stats" >
percentage? <input id="number" type="number" min="0" max="100" placeholder="0"/>
</label>


<select id="dropdown">
  <option>(OFFENCE)</option>
  <option>QB</option>
  <option>RB</option>
  <option>WR</option>
  <option>TE</option>
</select>
  <select id="dropdown">
  <option>(DEFENCE)</option>
  <option>CB</option>
  <option>DT</option>
  <option>LB</option>
  <option>S</option>
  </select>
</fieldset>

<fieldset>
<legend>Reasons</legend>
<label>Star rating<input type="checkbox" value="checkboxes">

<label value="unchecked">college stats<input type="checkbox" value="checkboxes">

<label >NFL CAMPS<input type="checkbox" value="checkboxes" >

<label  >social media platforms<input type="checkbox" checked value="checkboxes">

<label> Any other reasons
  <textarea " rows="3" cols="30" placeholder="Enter extras here" ></textarea>
  <label>
</fieldset>




<label><input id="submit" type="submit"></label>


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

What is the exact error?

3

i keep getting errors saying that thinks like me name number and checkboxes and even submit should be a descendant of form and that my checkboxes and name should have values when i have already put some

4

This is your form. It has zero descendants.

5

i tried putting all my code into the form but still get the same error how do i fix it?

6

The fieldset opening tag must be inside the form element (after the form opening tag)

And there are an extra " here:

7

Everything including the <fieldset> s should be inside the <form></form> except for <link>.

Mod edit: code removed

Also put an ‘!’ before DOCTYPE.

8

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.