Stuck on Survey Form - User Story #13 and #14

HTML-CSS
1

I can’t post the link to my CodePen, the forum won’t let me, so here’s my code:

Survey Form

How did you like our dance classes?

<form action="" id="survey-form">

  <label id="name-label" for="name">* Name:</label>
  <input type="text" name="name" id="name" placeholder="Enter your name" required>
  <br>
  
  <label id="email-label" for="email">* Email:</label>
  <input id="email" type="email" name="email" placeholder="Enter your email" required> 
  <br>
  
  <label id="number-label" for="number">* Age:</label>
  <input id="number" type="number" name="number" min="1" max="100" placeholder="Age" required>
  <br> 
  
  <label for="dropdown">What class did you take?
  <select name="" id="dropdown">
    <option value="Ballet">Ballet</option>
    <option value="Jazz">Jazz</option>
    <option value="Contemporary">Contemporary</option>
    <option value="Tap">Tap</option>
    <option value="Modern">Modern</option>
    <option value="Hip Hop/Breakdance">Hip Hop/Breakdance</option>
    <br>
  </select>
  </label>
  <br>
  
  <label for="options" id="options">How many years have you danced?
    <ul>
      </li>
        <label for="new">0-1 year <input type="checkbox" name="new"</label>
      </li>
      </li>
        <label for="newish">1-2 years <input type="checkbox" name="newish"</label>
      </li>
      </li>
        <label for="experienced">2-3 years <input type="checkbox" name="experienced"</label>
      </li>
      </li>
        <label for="semi-pro">3-4 years <input type="checkbox" name="semi-pro"</label>
      </li>
      </li>
        <label for="pro">4+ years <input type="checkbox" name="pro"</label>
      </li>
    </ul>
  </label>
    
    <label for="town">What town do you live in?
    <ul>
      </li>
         <label for="" value="town">Kalispell <input type="radio" name="town"</label>
      </li>
      </li>
        <label for="" value="town">Whitefish <input type="radio" name="town"</label>
      </li>
      </li>
        <label for="" value="town">Columbia Falls <input type="radio" name="town"</label>
      </li>
      </li>
        <label for="">Bigfork <input type="radio"</label>
      </li>
      </ul>
   </label>
  <br>
  
  <textarea rows="6" cols="60">Please leave any questions or comments</textarea>
  <br>

  <button type="submit" id="submit">Submit</button>

It’s still pretty rough, I haven’t messed with the CSS too much yet. I can’t seem to find what I’m missing with requirements 13 and 14. I’ve changed it several times based on what I could find. Thank you in advance!

2

Well i did the hard work for you, but you have done some pretty silly mistakes.
Unclosed input tags, missing common attributes, ‘li’ tag being closed everywhere.


<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<h1 id="title">Form</h1>
<p id="description">Form Description</p>
<form action="" id="survey-form">

  <label id="name-label" for="name">* Name:</label>
  <input type="text" name="name" id="name" placeholder="Enter your name" required>
  <br>
  
  <label id="email-label" for="email">* Email:</label>
  <input id="email" type="email" name="email" placeholder="Enter your email" required> 
  <br>
  
  <label id="number-label" for="number">* Age:</label>
  <input id="number" type="number" name="number" min="1" max="100" placeholder="Age" required>
  <br> 
  
  <label for="dropdown">What class did you take?
  <select name="" id="dropdown">
    <option value="Ballet">Ballet</option>
    <option value="Jazz">Jazz</option>
    <option value="Contemporary">Contemporary</option>
    <option value="Tap">Tap</option>
    <option value="Modern">Modern</option>
    <option value="Hip Hop/Breakdance">Hip Hop/Breakdance</option>
    <br>
  </select>
  </label>
  <br>
  
  <label for="options" id="options">How many years have you danced?
    <ul>
      <li>
        <label for="new">0-1 year <input type="checkbox" value="new"</label>
      </li>
      <li>
        <label for="newish">1-2 years <input type="checkbox" value="newish" /></label>
      </li>
      <li>
        <label for="experienced">2-3 years <input type="checkbox" value="experienced"/></label>
      </li>
      <li>
        <label for="semi-pro">3-4 years <input type="checkbox" value="semi-pro"/></label>
      </li>
      <li>
        <label for="pro">4+ years <input type="checkbox" value="pro"/></label>
      </li>
    </ul>
  </label>
    
    <label for="town">What town do you live in?
    <ul>
      <li>
         <label for="" value="town">Kalispell <input type="radio" name="town" value="town"/></label>
      </li>
      <li>
        <label for="" value="town">Whitefish <input type="radio" name="town" value="town"/></label>
      </li>
      <li>
        <label for="" value="town">Columbia Falls <input type="radio" name="town" value="town"/></label>
      </li>
      <li>
        <label for="" value="town">Bigfork <input type="radio" name="town" value="town"/></label>
      </li>
      </ul>
   </label>
  <br>
  
  <textarea rows="6" cols="60">Please leave any questions or comments</textarea>
  <br>

  <button type="submit" id="submit">Submit</button>
</form>

use this and your test shall pass!

1 Like