Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
I’m stuck on the last step, your #submit should have a type of submit. It keeps saying this is wrong, does anyone know how to fix it?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <title>BuildaSurveyForm</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  
  <h1 id="title"> Pet Lover Survey Form </h1>
  <p id="description"> This is a survey form </p>
  
  <form id="survey-form">
    
    <fieldset>
      <p> Enter your details below:</p>
      <label id="name-label">Enter Full Name<input required id="name" type="text" placeholder="John Smith"/></label>
      <label id="email-label">Enter Email Address<input required id="email" type="email" placeholder="john@example.com"/><label>
      <label id="number-label"> Enter Age (Optional) <input id="number" type="number" min="18" max="100" placeholder="23"/><label>
    </fieldset>

    <fieldset>

      <p> What kind of animal person are you?</p>

      <select id="dropdown">
        <option>(select one)<option>
        <option>Cat Person<option>
        <option>Dog Person<option>
        <option>Bird Person<option>
      </select>

      <p> Do you own any pets? </p>
    
      <label><input name="pet-category" type="radio" value="pet-category"/>Does Not Own a Pet</label>
      <label><input name="pet-category" type="radio" value="pet-category"/>Owns a Pet</label>

    </fieldset>

    <fieldset>
      <p>Select your pet preferances:</p>

      <label> <input id="submit" type="checkbox" value="quiet"/> Quiet </label> 
      <label> <input id="submit" type="checkbox" value="energetic"/> Energetic </label> 
      <label> <input id="submit" type="checkbox" value="loving"/> Loving </label> 
      <label> <input id="submit" type="checkbox" value="lazy"/> Lazy </label> 
      <label> <input id="submit" type="checkbox" value="playful"/> Playful </label> 

      <Label> Describe your ideal pet:
        <textarea></textarea>
        
        <button id="submit" type="submit" value="Submit"/>Submit </button>

    </fieldset>
  </form>
</body>
</html>

 **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:

1 Like
2

You have some bad syntax above that part of your code which is probably causing problems

3

Thank you! Managed to get it working

1 Like
4

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