Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
So I’ve gotten everything right except the sections on the name input.
You should have a label element with an id of name-label
Your #name-label should contain text that describes the input
Your #name-label should be a descendant of #survey-form
Those are the 3 that I’ve gotten wrong, Idk whats wrong with the code. Also, is there a way to make my survey form look neater?

Your code so far

<!-- file: index.html -->
<h1 id="title">Survey Form</h1>
<p id="description">This is the form I made </p>

<form id="survey-form">
  <select id="dropdown" multiple="3">
    <option></option>
    <option></option>
    
<label id="name-label"> 
  Enter your name
<input id="name" type="text" type="radio" placeholder="Please enter your name" required >
  </label>
<label id="email-label" for="email">
<input id="email" type="email" placeholder="Please enter your email" required >
</label>
<label id="number-label" for="number"> Enter a number
<input id="number" type="number" max="100" min="1" placeholder="Please enter a number between 1 and 100" required>
</label>

<input type="radio" name="radio" value="1">
<input type="radio" name="radio" value="2">
<input type="checkbox" value="1">
<input type="checkbox" value="2">
<input id="submit" type="submit">
<textarea
</form>

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You have two type attributes on the Name Input

3

I changed that and it still doesn’t work

4

Tell us what’s happening:
Describe your issue in detail here.
Can sombody help me, I have everything right besides the name input. This one thing does’t work and I don’t know why

Your code so far

<!-- file: index.html -->
<h1 id="title">Survey Form</h1>
<p id="description">This is the form I made </p>

<form id="survey-form">
  <select id="dropdown" multiple="3">
    <option></option>
    <option></option>
    
<label id="name-label"> 

<input id="name" type="text" placeholder="Please enter your name" required>
  </label>
<label id="email-label" for="email">
<input id="email" type="email" placeholder="Please enter your email" required >
</label>
<label id="number-label" for="number"> Enter a number
<input id="number" type="number" max="100" min="1" placeholder="Please enter a number between 1 and 100" required>
</label>

<input type="radio" name="radio" value="1">
<input type="radio" name="radio" value="2">
<input type="checkbox" value="1">
<input type="checkbox" value="2">
<input id="submit" type="submit">
<textarea
</form>

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

5

Where is the text of the label element?

6

I don’t see the select closing tag?

7

This looks like bad html here?

8

please do not create duplicate topics about the same challenge or question.
I’ve merged the duplicates.

9

Yeah I’ll try not to make duplicates my bad. So it seems most of the problems come from me just forgetting to add things. I forgot to wear my glasses when typing.

10

Well, I just fixed it. Thanks for the help.

1 Like
11

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