Survey Form - Build a Survey Form

So, I’ve done my best to understand what’s going on here, but it seems I’ve forgotten a couple things from the 3 previous challenges. I’m failing to understand why the “select element” in my code isn’t recognized, or what I’ve actually missed when creating it. And how to make the textarea a descendant of “survey-form”.
Any hints, clues, or help would be greatly appreciated.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<link ref="stylesheet" src="styles.css"/>
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
<label id="name-label">Name</label>
<input id="name" type="text" required placeholder="Enter your name"></input>
<label id="email-label">Email</label>
<input id="email" type="email" name="email" required placeholder="Enter your email"></input>
<label id="number-label">Age (optional)</label>
<input id="number" type="number" name="number" min="10" max="99" placeholder="Age">
<label id="dropdown">Which option best describes your current role?</label>

<select id="dropdown" type="dropdown" placeholder="Select current role">
<option>Student</option>
<option>Full time job</option>
<option>Full time learner</option>
<option>Prefer not to say</option>
<option>Other</option>
</select>
<label id="radio-label">Would you recomend freeCodeCamp to a friend?</label>
<input type="radio" name="recomend" value="yes">Yes</input>
<input type="radio" name="recomend" value="no">No</input>
<input type="radio" Name="recomend" value="maybe">Maybe</input>
<label id="checkbox-label">What would you like to see improved? (Check all that apply)</label>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<input type="checkbox" value="submit"></input>
<label id="textarea-label">Any commente or suggestions?</label>
<input type="textarea" placeholder="Enter your comment here"></imput>
<button id="submit" value="submit">Submit</button>
</form>
</body>
</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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

update: Figured out the “select element” issue was related to its corresponding label being designated as “dropdown” instead of “dropdown-label”.

1 Like

Hi @Rutiger ,

Yes, that was the first issue you should have a for attribute instead of the id attribute:

For the other issue, you should use a textarea HTML element instead of the input with a textarea type :