Failed: You should have at least one textarea
element that is a descendant of #survey-form
.
I can’t find why it doesn’t recognize the textarea within the survey-form. Please help
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="styles.css">
<body>
<h1 id="title">
Title
</h1>
<p id="description">Short explanation</p>
<form id="survey-form">
<fieldset id="personal-info">
<label id="name-label">Name: </label><input id="name" type="text" placeholder="Type name here.." required />
<label id="email-label">E-mail: </label><input id="email" type="email" placeholder="Email@adress.com" required />
<label id="number-label">Age: </label><input id="number" type="number" placeholder="Age" min="1" max="120" required />
</fieldset>
<fieldset id="random-info">
<p>Blue or Red</p>
<select id="dropdown">
<option id="blue">Blue</option>
<option id="red">Red</option>
</select>
<p>Pink or Green</p>
<input name="pink-green" for="pink" id="pink" type="radio" value="pink"/><label id="pink"> Pink<label>
<input name="pink-green" for="green" id="green" type="radio" value="green"/><label id="green"> Green</label>
<p>Pets</p>
<input type="checkbox" id="cat" value="cat"/><label id="cat"> Cat</label>
<input type="checkbox" id="dog" value="dog"/><label id="dog"> Dog</label>
<input type="checkbox" id="frog" value="frog"/><label id="frog"> Frog</label>
</fieldset>
<fieldset>
<label id="textarea"> Comment:</label>
<input id="textarea" type="textarea" placeholder="Type comment here.." />
</fieldset>
<input type="submit" id="submit"/>
</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/111.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: