Survey Form - Build a Survey Form

HTML-CSS
1

hi everyone is in need of assistance. i’m stuck at the last few questions of the survey form which says my code is incorrect.

  • You should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form .

  • All your checkboxes inside #survey-form should have a value attribute and value.

  • You should have at least one textarea element that is a descendant of #survey-form

  • Your #submit should be a descendant of #survey-form .

as you can see I’ve
completed all these steps…

does anyone maybe know what I’m doing wrong?

My code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang ="en">
  <head>
<title>Survey Form</title>
<h1 id=title>Most used social media by youth.</h1>
<p id=description>The following survey will be on the effects of technology on the youth.</p>
  </head>
<body>
 <main>
   <section>
  <h3>Thank you for helping us with our research.</h3>
   </section><!--separates from following form-->
   <section>
<form id="survey-form" action="https://www.istockphoto.com/photo/digital-native-students-e-learning-over-computers-at-school-gm1224309929-359936618">
  <fieldset>
<legend>Name</legend>
<input id="name" type="text" placeholder="Enter your name" required>
</fieldset><!--name block-->
<fieldset>
  <legend>Email</legend>
<input id="email" type="email" placeholder="Enter your email " required>
</fieldset><!--email block-->
<fieldset>
  <legend>Age (optional)</legend>
  <input id="number" type="number" placeholder="Age" min="13" max="21">
  </fieldset>
  <label id="name-label">name</label>
  <label id="email-label">email</label>
  <label id="number-label">age</label">
  <label for="name-label"></label>
  <label for="email-label"></label>
  <label for="number-label"></label>
  <!--add label question-->

  <fieldset>
    <legend>Most used device and social media daily</legend>
    <select name="devices"id="dropdown">
      <option value="Smartphone">Smartphone</option>
<option value="Laptop/PC">Laptop/PC</option>
<option value="Gaming Console">Gaming Console</option>
</fieldset> <br>
<fieldset>  
<input type="radio" name="social" id="whatsapp-facebook-instagram" value="whatsapp"> WhatsApp <br>
<input type="radio" name="social" value="facebook"
id="whatsapp-facebook-instagram">facebook
</fieldset>
    </section> 
   <section>
<fieldset>
<legend>What other social media platforms do you use?</legend>
<input type="checkbox" name="othersocial" value="snapchat" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Snapchat

<input type="checkbox" name="othersocial" value="twitter" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Twitter

<input type="checkbox" name="othersocial" value="reddit" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Reddit

<label><input type="checkbox" name="othersocial" value="discord" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Discord</label>

<label><input type="checkbox" name="othersocial" value="tiktok" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Tiktok</label>

<lable><input type="checkbox" name="othersocial" value="telegram" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Telegram</label>

<label><input type="checkbox" name="othersocial" value="pintrest" id="snapchat-twitter-reddit-discord-telegram-pintrest-tiktok">Pintrest</label>

  </fieldset>

<label for="TechTimesZA">Review of <a href="https://techtimesza.blogspot.com/">TechTimesZA</a> :
</label><br>
       <label>Any comment or suggestions?
        <textarea name="comments" rows="3" cols="30" placeholder="Enter your comment here..."></textarea>
      </label>

       <button id="submit">Sumbit</button>

 <input type="submit" id="submit" value="Submit"/>

  </main>
 </body>
</html>

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I think you would really get some benefit out of running your HTML through a validator.

W3C Markup Validation Service

1 Like
3

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