Survey Form - Build a Survey Form

HTML-CSS
1

i need help on how to to make my `#number-label` should be a descendant of `#survey-form` .

Your code so far

<!-- file: index.html -->
<h1 id="title">My Survey Form</h1>
<p id="description">Thank you for taking time to help improve our service.</p>
<form id="survey-form" class="survey-form" >
  <select id="dropdown">
    <option value="">(not disable) </option>
    <option value="">(not disable) </option>
  </select>
<input id="name" type="text" required placeholder="Name" />
<input id="email" type="email" required placeholder="Email" />
<input id="number" type="number" min="13" max="60" placeholder="Age" />
<textarea id="comment" name="comment" rows="3" cols="30" placeholder="Drop your comments here!" ></textarea> 

<input id="submit" type="submit" /> </form>
<label id="name-label"class="survey-form"  ><input type="radio" name="name" value="" >Name</label>
<label id="email-label" ><input type="radio" name="email" value="" > Email</label>
<label id="number-label" ><input type="radio" name="age" value="" > Age</label>

/* 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/122.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

i need help on how to to make my #number-label should be a descendant of #survey-form .

4

All your input’s and their corresponding labels need to be within you form element.
Keep it up! :smile:

5

It’s worked…Thank you

6

You’re more than welcome. I like to help. :wink:

7

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