Tell us what’s happening:
Describe your issue in detail here.
(You should have at least one textarea element that is a descendant of #survey-form .)
What am I missing? Can someone help? I’m not sure what to do for this task.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Survey Form</title>
</head>
<body>
<h1 id="title">Survey Form</h1>
<p id="description">Thanks for helping us to improve our site</p>
<form id="survey-form">
<label id="name-label" for="name">Name: <input type="text" id="name" placeholder="Enter your name" required></label>
<label id="email-label" for="email">E-mail: <input type="email" id="email" placeholder="Enter your e-mail" required></label>
<label id="number-label" for="number">Age: <input type="number" id="number" max="120" min="13" placeholder="Age" required></label>
<label>
<p>Which option best describes your current job/role?</p>
<select id="dropdown" name="role" class="form-control" required>
<option disabled selected value>Select one</option>
<option value="student">Student</option>
<option value="full-time-job">Full Time Job</option>
<option value="full-time-learner">Full Time Learner</option>
<option value="prefer-not-to-say">Prefer not to say</option>
<option value="other">Other</option>
</select>
</label>
<p>Would you recommend our website?</p>
<label>
<input type="radio" value="absolutely" name="recommendation" checked>Absolutely!
</label>
<label>
<input type="radio" value="not-sure" name="recommendation">Not sure...
</label>
<label>
<input type="radio" value="nope" name="recommendation">Nope!
</label>
<label>
<p> What would you like to see improved?</p>
<label>
<input type="checkbox" value="forum">Forum
</label>
<label>
<input type="checkbox" value="courses">Courses
</label>
<label>
<input type="checkbox" value="videos">Videos
</label>
<label>
<p>Any comments or suggestions?</p>
<input type="textarea" placeholder="Write it here...">
</label>
<footer>
<input type="submit" id="submit">
</footer>
</form>
</body>
</html>
/* file: styles.css */
h1 {
text-align: center;
}
p {
text-align: center;
}
input {
display: block;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
