Tell us what’s happening:
So it says I have everything correct except the textarea. It keeps saying to have at least one textarea that’s a descendant of the #survey-form. I have no idea what I’m doing wrong.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Survey about Pets</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">Survey about your Pets</h1>
<p id="description">Thank you for your time in filling out this survey about your pets.</p>
<form id="survey-form">
<input type="textarea">
<label id="name-label">Name<input required type="text" id="name" placeholder="Jane Doe"></label>
<label id="email-label">Email<input required type="email" id="email" placeholder="janedoe@gmail.com"></label>
<label id="number-label">How many pets do you have?<input type="number" id="number" min="0" max="20" placeholder="3"></label>
<label>Is your pet indoor or outdoor?</label>
<label>Indoor<input type="radio" name="indoor-outdoor" value="indoor"></label>
<label>Outdoor<input type="radio" name="indoor-outdoor" value="outdoor"></label>
<label>Both<input type="radio" name="indoor-outdoor" value="both"></label>
<label>How long have you had your first pet?<select id="dropdown"></label>
<option>(Selct option)</option>
<option>Less than a year</option>
<option>1-3 years</option>
<option>3-5 years</option>
<option>Over 5 years</option>
</select>
<label>What kind of pet(s) do you have?</label>
<label>Mammal<input type="checkbox" value="mammal"></label>
<label>Amphibian<input type="checkbox" value="amphibian"></label>
<label>Reptile<input type="checkbox" value="reptile"></label>
<label>Fish<input type="checkbox" value="fish"></label>
<label>Bird<input type="checkbox" value="bird"></label>
<label>Other<input type="checkbox" value="other"></label>
<label>What do you like about your pet(s)?<input type="textarea">
<input type="submit" id="submit">
</form>
</body>
</html>
/* file: styles.css */
body {
background-color: honeydew;
width: 100%;
height: 100vh;
margin: 0;
}
h1, p {
margin: 1em auto;
text-align: center;
}
h1 {
font-family: Courier;
}
p {
font-family: Italic;
}
label {
display: block;
margin: 40px;
}
form {
background-color: white;
margin-left: 10%;
margin-right: 10%
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15
Challenge: Survey Form - Build a Survey Form
Link to the challenge: