Survey Form - Build a Survey Form

HTML-CSS
1

Getting this error when running code for the project. Your #dropdown should be a descendant of #survey-form . However I have the form closing at the end with everything nested inside of it. So I am not sure what I am missing here. Thank you.

<!-- file: index.html -->
<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
  <!--(requirment_1) title -->
  <title>Customer satifsfaction survey</title>
  <h1 id="title">Customer satisfaction survey</h1>
  <!--(requirment_2)-->
  <p id="description">Please tell us about your experience.</p>
</head>
<body>
  <!-- form element-->
  <fieldset>
    <legend>Enter your information</legend>
  <form class id="survey-form">
    
    <label id="name-label" for="name">Name</label>
    <input id="name" type="text" placeholder="Enter name" required></input>
      <label id="email-label" for="email-label">Email</label>
      <input id="email" type="email" required placeholder="Enter email"></input>
      <label id="number-label" for="number-label">Age</label>
      <input min="13" max="120" id="number" type="number" placeholder="Enter age"></>
      </fieldset>
      <!--drop-down-->
      <fieldset>
        <legend>what service did we provide</legend>
      <label for="dropdown"></label>
      <select id="dropdown">
        <option>Employment help</option>
        <option>Classes</option>
        <option>Certifications</option>
      </select>
      </fieldset>
      <!--radio buttons-->
      <fieldset>
        <legend>Would you reccomend us</legend>
      <label for="radio-buttons"></label>
      <input value="yes" name="button" type="radio">Yes</input>
      <input value="no" name="button" type="radio">No</input>
      </fieldset>
      <!--checkbox-->
      <fieldset>
        <legend>Select all that apply</legend>
      <input value="1" id="student" name="student" value="student" type="checkbox">Student</input>
      <input value="2" id="teacher" name="teacher" value="teacher" type="checkbox">Teacher</input>
      <input value="3" id="admin" name="admin" value="admin" type="checkbox">Admin</input>
      </fieldset>
      <!--textbox-->
      <fieldset>
        <legend>Additional comments</legend>
      <textarea rows="4" cols="40"id="add-comments" name="add-commecnts" placeholder="additional comments..."></textarea>
      </fieldset>
      <input id="submit" type="submit"></input>
  </form>
</body>
</html>

/* file: styles.css */
body{
  text-align:center;
}
#name, #email, #number{
  display:block;
  margin:0 auto;
}
fieldset{
  padding-bottom:2rem;
  border:none;
  border-bottom: 2px solid #435AD1;
}
submit{
padding-top:2rem;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

Validate your HTML

https://validator.w3.org/nu/#textarea

3

That is a very helpful link! I see I messed up a whole lot of places even though it did not seem to break any of the code. In the process of fixing stuff it showed I see I had my form tag opening in the wrong spot. Thank you!

4

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