Survey Form - Build a Survey Form

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:

Hey,

id must be unique, you have id="submit" twice.

1 Like

ohh. Thank you. let me check it out