Survey form - id of drodpown request

HTML-CSS
1

While I was certifying the survey form I got stuck at the request: You should have a select field with an id of dropdown. Can anyone help me solve this problem?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="styles.css">

<title>Survey Form</title>

</head>

<body>

<h1 id="title"> Survey Form</h1>

<p id="description"> Thank you for taking the time to help us upgrade the service</p>

<form id="survey-form">

<div class="form-control">

<label for="name" id="name-label">Name

</label>

<br>

<input type="text" id="name" placeholder="Enter your name" required/>

</div>

<br>

<div class="form-control">

<label for="email" id="email-label">Email

</label>

<br>

<input type="email" id="email" placeholder="Enter your email" required/>

</div>

<br>

<div class="form-control">

<label for="number" id="number-label">Age

</label>

<br>

<input type="number" id="number" placeholder="Age" min="13" max="104" required/>

</div>

<br>

<div class="dropdown">

<label for="dropdown" id="dropdown" value="dropdown" required>Current role</label>

<br>

<select name="dropdown"id="dropdown" value="dropdown" required>

<option value="student">Student</option>

<option value="worker">Worker</option>

<option value="other">Other</option>

</select>

</div>

<br>

<div class="form-control">

<label> Would you recommend this site to your friend?</label>

<label for="recommend-1"><input type="radio" id="recommend-1" name="recommend" value="yes"/>Yes</label>

<br>

<label for="recommend-2"><input type="radio" id="recommend-2" name="recommend" value="no"/>No</label>

<br>

<label for="recommend-3"><input type="radio" id="recommend-3" name="recommend" value="maybe"/>Maybe</label>

</div>

<br>

<div class="form-control">

<label for="dropdown" id="dropdown">What is your favourite feature of this website</label>

<br>

<select name="dropdown" id="dropdown" required>

<option value="community">Community</option>

<option value="price">Price</option>

<option value="availability">Availability</option>

</select>

</div>

<br>

<div class="form-control">

<label> What do you approve of this page?</label>

<br>

<label for="caracteristic-1"><input type="checkbox" name="caracteristic" id="caracteristic" value="style"/>Style</label>

<br>

<label for="caracteristic-2"><input type="checkbox" name="caracteristic" id="caracteristic" value="useful"/>Useful</label>

<br>

<label for="caracteristic-3"><input type="checkbox" name="caracteristic" id="caracteristic" value="speed"/>Speed</label>

<br>

<label for="caracteristic-4"><input type="checkbox" name="caracteristic" id="caracteristic" value="creator"/>Creator</label>

</div>

<br>

<div class="form-control">

<label for="comments">Suggestions</label>

<br>

<textarea name="comments" id="comments" placeholder="Write any suggestions here"></textarea>

</div>

<br>

<br>

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

</form>

</body>

</html>

/* file: styles.css */
#surveyform {
font-family: Arial;
}

#submit {
font-size: 13px
}

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Summary

This text will be hidden

2

If you have wrong syntax, it happens that the tests fail even if it seems that the code is correct

3

Do you know what the problem is in this case?

4

Do you think the tags I quoted have all their pieces?

5

I don’t know because I’m not very good at HTML.

6

don’t worry, you are here to learn!

can you describe what a tag is made of? or give an example of a tag?

7

drop downs w3 schools

8

I was wrong to edit and I would like to delete the post. How can I do?

9

there is a three dot button … click that then a but with a bin logo pops up on the bar at the bottom of your post where the :heart: logo is

10

You can’t delete it, but you can format it

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

11

Thanks, every time I try to do something I’m wrong. Anyway tomorrow I will study again and get the certificate, whatever happens.

12

Sorry again, but I changed something in my code that seemed wrong to me, but I’m still stuck. Can you tell me if I keep making something wrong?

13

I did it, it was a very stupid error

14

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