Survey Form - Build a Survey Form

Tell us what’s happening:
as i did this it thrown an error can you help me

<!-- file: index.html -->
<html>
<head>
  <title>form</title>
  <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="first">
    <h1 id="title">survey form</h1>
    <p id="description">add your complete details over here</p>
    <form id="survey-form">
      <label id="name-label">Name</label><br>
      <input type="text" id="name"  required placeholder="enter your name"><br>
       <label id="email-label">Email</label><br>
      <input type="email" id="email"  required placeholder="enter your email address"><br>

      
      <label id="number-label">age</number><br>
      <input type="number" id="number"
      min="10" max="99" placeholder="enter number"><br>
      <label id="interset">feild you need to choose<br>
      
      <input value="typeofperson" type="radio" id="person" name="typeofperson">student<br>
       
      <input value="typeofperson" type="radio" id="person" name="typeofperson">employee<br>
       
      <input value="typeofperson" type="radio" id="person" name="typeofperson">other<br>
      

<label id="drop-down">feild present you are</label><br>
      <select id="drop-down" placeholder="choose your option" name="drop-down">
        <option value="1">(choose any one)</option>
        <option value="2">engineering</option>
        <option value="3">medical</option>
        <option value="4">business</option>
        <option value="5">management</option>
        <option value="6">others</option>
        </select>
        <br>
         
        <br>
           <label for="bio">comments:
          <textarea id="bio" name="bio" rows="3" cols="30" placeholder="i like coding on the beach..."></textarea>
        </label>
         <input type="checkbox" id="final" required value="yes">
          <label id="final">i agree to terms and conditions</label>
        <input type="submit" value="submit"id="submit">
      </form>
      </div>
    </body>
</html>
/* file: styles.css */
.first {
  width: 80%;
  background-color: lightblue;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 500px;
}
body{
  background-image:url(https://static.vecteezy.com/system/resources/thumbnails/006/725/612/small/4k-high-res-footage-of-looped-multicolored-animated-gradient-abstract-background-free-video.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}
h1,p{
  text-align:center;
}
h1{
  font-family:impact;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Please describe the error mate.

You have too many errors in html code:

  • duplicated ids
  • unclosed elements …

Check it out first, correct mistakes and then post the code here again:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.