Tell us what’s happening:
I keep gettting an error about my textarea being a descendant of #survery-form. All my other elements passed the text. Please help,
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title"> Join Now! </h1>
<p id="description"> Welcome to the community! Please fill out the form below to create your account and unlock all the features that are offered. Joining will give you access to exclusive content and updates. Excited to have you on board!
</p>
<form id="survey-form">
<label for="name" id="name-label">My name is...</label>
<input type="text" id="name" placeholder ="Enter your name" required>
<br>
<label for="email" id="email-label"> My email is...</label>
<input type="email" id="email" placeholder="Enter your email" required>
<br>
<label for="number" id="number-label"> My birth year is...</label>
<input type="number" id="number" min="1900" max="2024" placeholder="Birth Year">
<br>
<label for="dropdown"> Select your gender</label>
<select id="dropdown">
<option>Prefer not to answer</option>
<option>Male</option>
<option>Female</option>
</select>
<br>
<label for="radio">What feature appeals to you the most?</label><br>
<input type="radio" id="radio" name="features" value="radio">Feature 1
<input type="radio" id="radio"name="features" value="radio">Feature 2
</radio><br>
<label for="Terms">Do you agree to the Terms and Conditions?</label><br>
<input type="checkbox" id="Terms" value="checkbox">Yes
<input type="checkbox" id="Terms" value="checkbox">No<br>
<label for="Feedback">Leave us some feedback</label><br>
<input type="textarea" id="Feedback" name="Feedback" value="textarea" rows="10" col="10"><br>
<label for="submit"></label>
<input type="submit" id="submit">
/* 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/127.0.0.0 Safari/537.36 Edg/127.0.0.0
Challenge Information:
Survey Form - Build a Survey Form