Survey Form - Build a Survey Form

HTML-CSS
1

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

Hi,
I’m stuck on what to do next here are the hint’s :

Your #email should be a descendant of #survey-form
Your #number should be a descendant of #survey-form

  • Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

  • Failed:Your #name-label should be a descendant of #survey-form.

  • Failed:Your #email-label should be a descendant of #survey-form.

  • Failed:Your #number-label should be a descendant of #survey-form.

  • Failed:Your #name should have a placeholder attribute and value.

  • Failed:Your #email should have a placeholder attribute and value.

  • Failed:Your #number should have a placeholder attribute and value.
    Your #dropdown should be a descendant of #survey-form

  • You should have at least two radio buttons that are descendants of #survey-form.

  • Failed:All your radio buttons should have a value attribute and value.

  • Failed:All your radio buttons should have a name attribute and value.

  • Failed:Every radio button group should have at least 2 radio buttons.

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

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

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

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

Can some help me out I don’t know what they mean by “should be a descendant of #survey-form .” And “should contain text that describes the input.” Also " should have a placeholder attribute and value." and the rest of the hints above. Thank you much appreciated.

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    </head>
    <body>
      <h1 id="title">Survey Form</h1>
    </body>
    <div></div> 
    <p id="description">Welcome Thank you for your Input</p>
    <title></title>
    <form id="survey-form">Name: <input id="name" type="text" required></form></input>
    E-Mail: <input id="email" type="email" required></input>
    Number <input id="number" type="number" min="13" max="120"></input>
    <label id="name-label">Name</label>
    <label id="email-label"></label>
    <label id="number-label"></label>
    <select id="dropdown">
      <option></option>
      <option></option>
      </select>
      <input type="radio" value="value" name="value" type="checkbox"></input><input type="radio" type="checkbox"></input>
      <textarea></textarea>
      <input id="submit" type="submit"></input>
  </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/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

“descendant” means that it should be a child of the element.
So in this code sample, the p element is a child of body (so it is descendant)

<body>
  <p>a paragraph element which is a child of body</p>
  <ul>
    <li>a li element which is a child of a child of body, therefore it is a descendant of body</li>
  </ul>
</body>
1 Like
3

Thanks for your input I’m still stuck but I’ll keep trying.

4

some common reasons people struggle is also that they have not used unique id values. (the test expects exactly one element with a specific id so make sure you are not re-using the id values)

5

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