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: