The requirements tell me that i need to make a select field with the id of “dropdown” but as you can see below, i already did it. And the site still doesnt recognise it…
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="device-width, initial-scale=1.0">
<title>FreeCodeCamp Survey</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title" class="big-title"> FreeCodeCamp Survey </h1>
<p class="big-title" id="description"> Please take your time for us to improve the platform </p>
<form method="post" id="survey-form">
<fieldset>
<label id="name-label" class="title" for="name"> Please enter your Name <input id="name" name="name" placeholder="Name" type="text" required/></label>
<label id="email-label" for="email" class="title"> Please enter your email <input type="email" name="email" placeholder="E-mail" id="email" required> </label>
<label id="number-label" for="number" class="title"> Enter your age <input type="number" min="13" max="120" placeholder="Age" id="number"> </label>
<label class="title" id="dropdown" for="dropdown"> Whats your favorite feature on freeCodeCamp? </label>
<select id="dropdown">
<option>select an option</option>
<option>Challenges</option>
<option>Projects</option>
<option>Community</option>
<option>Open Source</option>
</select>
<label class="title-radio"> Would you recommen FreeCodeCamp to your friend?</label>
<label value="radio" for="radio"> <input value="radio-option" name="radio-option" type="radio" id="radio-option" />no </label>
<label value="radio" for="radio"> <input value="radio-option" name="radio-option" id="radio-option" type="radio" />nuh uh </label>
<label value="radio" for="radio-option"><input value="radio-option" name="radio-option" id="radio-option" type="radio" />definetly not </label>
<label class="title" name="improvement"> What would you like to see improved? </label>
<label id="option"><input type="checkbox" value="option" id="checkbox"/> Nothing </label>
<label id="option"><input type="checkbox" value="option" id="checkbox"/> Nothing at all </label>
<label class="title" value="title"> What would you like to see improved? </label>
<textarea id="textarea" placeholder="Enter your comment here..."></textarea>
<input id="submit" value="submit" type="submit">
</fieldset>
</form>
</body>
</html>
/* file: styles.css */
p,h1 {
text-align: center;
}
label {
display: block;
font-size: 1em;
padding-bottom: 5;
}
input {
width: 100%;
}
input[type="radio"] {
width: auto;
}
body {
color: black;
background-image: url(https://is4-ssl.mzstatic.com/image/thumb/k2fiCG4xCKPhRLuygpzJlw/1200x675mf.jpg);
background-size: 105px;
margin: 2em;
width: 80%;
}
fieldset {
background-color: darkgreen;
}
select {
display: block;
width: 80%
}
.title {
padding-top: 2px;
}
.title-radio {
padding-top: 6px;
padding-bottom: 4;
}
.big-title {
color: red;
}
input[type="checkbox"]{
width: 5%
}
input[type="submit"]{
margin-top: 10;
}
textarea{
width: 100%
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
