Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

my #number should have a decendant of #surveyform. I’ve absolutley picked my beginner brains and really tried to do this single handedly…I’m so close to really doing well but sometimes this programming family tree thing is confusing!!! Thanks for any help

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
    <h1 id="title">FoodMart Survey Form:</h1>
    <p id="description">Just need your opnions honest!!</p>
   <div>
    <fieldset>
      <legend>Your information:</legend>
    
      <form action="https://www.freeCodeCamp.com" id="survey-form">
        
        <label id="name-label">Enter Name:
          <input id="name" type="text" minlength="5" maxlength="100" placeholder="Enter Name" required size="20"/>
        </label>
      </form>
      <form id="survey-form">
        <label id="email-label" type="text">Enter Email:
          <input id="email" type="email" placeholder="you@email.com"  required size="20"/>
        </label>
      </form>
      <form id="#survey-form">
        <label id="number-label" for="age" type="text">Age (optional):
          </label>
          <label>
            <form id="#number">
          <input id="number" type="number" placeholder="000" size="2" min="2" max="3" />
        </label>
        </form>
      </fieldset>
<!-- end of personal information -->
    <fieldset>
    <label>What are your favorite shop sections?
        <select id="#dropdown">
        <option>Select Option</option>
        <option>Beef Steak</option>
        <option>Ramen</option>
        <option>Sushi</option>
        <option>Pho</option>
      </select>
      </label
      </fieldset>
      <fieldset>
  <h2 id="title">Could we improve on Opening times?</h2>
  <label id="yes-option" type="text">
    <input type="radio" name="yes-option" />Yes
  </label>
  <label id="no-option" type="text">
    <input type="radio" name="no-option" />No
  </label>
<label>
  <input type="radio" name="no-need" />No need
  </label>
  </fieldset>
  <fieldset>

  <h2 id="title">What is a great feature of FoodMart?</h2/>
  <select id="dropdown">
    <option>Select one</option>
    <option>Food choices</option>
    <option>Clothes range</option>
    <option>Drinks choices</option>
  </select>
  </fieldset>
  <fieldset>
  <div>
  <h2 id="title">What improvements could be made?</h2>
  <input checked type="checkbox" id="food" name="choice" value="food" />Food
  <input type="checkbox" id="drinks" name="choice" value="drinks" />Drinks 
  <input type="checkbox" id="clothes" name="choice" value="clothes" />Clothing 
  <br></br>
  <input type="checkbox" id="cleaning" name="choice" value="cleaning" />Service
  </fieldset>
  <fieldset>
  <h2 id="sub-heading">Any comments or suggestions??</h2>
  <input id="comments" type="text" placeholder="Your views matter"/>
  <input type="submit" value="submit" />
     </fieldset>
    </div>
   </form>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36

Challenge Information:

Build a Survey Form - Build a Survey Form

2

Hi @bunnyprog ,

I suggest reviewing the user stories again. Add only what is asked and do not add HTML elements you were not asked to add in the instructions. For example, you should only have one form element. And id attributes must be unique.

Please give that another go and feel free to reply if you have a specific question about the instructions.

If you would like to validate your HTML along the way, you can use this HTML Validator.

Happy coding!

1 Like
3

Thanks for even replying!