Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

It kept asking for You should have at least one textarea element that is a descendant of #survey-form . and Your #submit should be a descendant of #survey-form .
I tried put each a form id=‘submit-area’ but still not working. I wanna know how to do this

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="utf-8"/>
   <title> Build a Survey Form</title>
   <link rel="stylesheet" href="styles.css">
 </head>
 <body>
   <form id="survey-form">
 <fieldset>
   <h1 id="title">Survey Form</h1>
   <p id="description">Please take your time and check the right information.</p>
     <div>
    <label id="name-label">Name:</label>
     <input id="name" type="text" placeholder="Enter your name" required/>
     </div>
     <div>
    <label id="email-label">Email:</label>
     <input id="email" type="email" placeholder="Enter your email" required/>
     </div>
     <div>
    <label id="number-label">Age:</label>
     <input id="number" type="number" min="12" max="120" placeholder="Enter your age"/>
     </div>
     <div> 
       <label id="gender-select">Gender:</label>
       <select id="dropdown" name="gender">
         <option value="">Select your gender</option>
         <option value="male">Male</option>
         <option value="female">Female</option>
         <option value="other">Other</option>    
       </select>
     </div>   
 </fieldset>
 <fieldset>
   <form id="survey-form">
   <form type="radio"></form>
    <legend for="rating">How would you rate my performance?</legend>
  
   <div>
    <input id="Fully Satisfied" type="radio" name="performance" value="fully satisfied" checked ></>
    <label for="fully satisfied">Fully Satisfied</label>
    </div>
    <div>
    <input id="Needs Improvement" type="radio" name="performance" value="needs improvement"></>
    <label for="needs improvement">Needs Improvement</label>
    </div>
    <div>
    <input id="Unsatisfied" type="radio" name="performance" value="unsatisfied"></>
    <label for="unsatisfied">Unsatisfied</label>
    </div>
 </fieldset>
 <fieldset>
    <form type="checkbox"></form>
     <legend for="recommend">Where have you heard of me?</legend>
    <form id="survey-form">
     <div> 
       <input type="checkbox" id="facebook" name="facebook" value="facebook"></>
       <label for="facebook">Facebook</label>
     </div>
     <div>
       <input type="checkbox" id="instagram" name="instagram" value="instagram"></>
       <label for="instagram">Instagram</label>
     </div>
     <div>
       <input type="checkbox" id="friends&family" name="friends&family" value="friends&family"></>
       <label for="friends&family">Friends & Family</label>
      </div> 
      <div>
        <input type="checkbox" id="ads" name="ads" value="ads"></>
        <label for="ads">Advertisement</label>
      </div> 
      <div> 
        <input type="checkbox" id="others" name="others" value="others"></>
        <label for="others">Others <input id="others" type="text"></></label>
      </div>
 </fieldset> 
 <fieldset>
 <form id="survey-form">
    <div>
     <label id="recommend" for="recommend">Is there anything you want to add/suggest to me for improvement:</label>
     </div>
     <div>
     <textarea name="comments" rows="5" cols="50" placeholder="Enter your comments here..."></textarea>
   </div>
   <div>
     <button="submit"></button>
     <input id="submit" name="submit" type="submit" value="Submit"></>
   </div>
 </fieldset>
</body>

/* file: styles.css */
body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: #121e33;
 color: #f5f6f7;
 font-family: serif;
 font-size: 16px;
}
h1 {font-family: Sans-serif;}
p {font-family: monospace;}

   **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You don’t have a closing </form> tag.

3

Try putting the html code into an online html validator like this one

If you can fix all the broken syntax (such as missing tags), basically as many errors as you can fix, then retry this challenge, you may be able to pass this.

2 Likes
4

ohh thank you very much :)) i see the mistakes. its more of remove than adding and changing. means i did good. thank you very much. will use this link all the time :))

2 Likes
5

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