it keeps saying I don’t have an id of submit and a type of submit. but I do
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Survey Form</title>
</head>
<body>
<main>
<div>
<h1 id="title">SRHIN Survey Form</h1>
<p id="description">Please Kindly take some minutes to feel this form correctly</p>
</div>
<form id="survey-form">
<label for="name" id="name-label">Enter Your Name</label>
<input type="text" id="name" placeholder= "Adeniyi Owen" required>
<label for="email" id="email-label">Enter Your Email</label>
<input type="email" id="email" placeholder= "owenadeniyi83@yahoo.com" required>
<label for="number" id="number-label">Age</label>
<input type="number" id="number" placeholder= "18" min="18" max="100" required>
<label for ="dropdown">Your Marital Status</label>
<select id ="dropdown">
<option>Choose your marital status</option>
<option>Single</option>
<option>Married</option>
</select>
<label>Select your primary department</label>
<div>
<input type="radio" name="pri-dept" value="branding">
<label>Branding and media Depatment</label>
</div>
<div>
<input type="radio" name="pri-dept" value="research">
<label>Research and Grants Depatment</label>
</div>
<div>
<input type="radio" name="pri-dept" value="parnership">
<label>Partnership Depatment</label>
</div>
<div>
<input type="radio" name="pri-dept" value="programs">
<label>Programs Depatment</label>
</div>
<label>What skills would you like to learn</label>
<div>
<input type="checkbox" value="photo">
<label for="photo">Photography and Videography</label>
</div>
<div>
<input type="checkbox" value="graphic">
<label for="graphic">Graphic Design</label>
</div>
<div>
<input type="checkbox" value="digital">
<label for="digital">Digital Marketing</label>
</div>
<div>
<input type="checkbox" value="grant">
<label for="grant">Grant Writing</label>
</div>
<div>
<input type="checkbox" value="research">
<label for="research">Research Writing</label>
</div>
<label>Comments and Additional Skills you'd like to learn not listed above</label>
<textarea id="submit" placeholder="Enter your comments here" cols= "33" rows="8"></textarea>
<input id="submit" type="submit">
</form>
</main>
</body>
</html>
/* file: styles.css */
main{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
#survey-form{
display:flex;
flex-direction: column;
padding:1.5rem;
background:hsl(252, 75%, 60%);
width:40%;
color:white;
font-size: 1.2rem;
}
input, select{
padding:0.8rem;
border-radius:0.2rem;
border:none;
margin-top:0.5rem;
margin-bottom: rem;
}
input[type="submit"] {
margin-top:3rem;
background:hsl(152, 75%, 60%);
color:white;
}
label{
margin-top:2rem;
}
::placeholder{
font-size: 1rem;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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: