It normally works but in freeCodeCamp it gives a warning in !DOCTYPE html and hmtl lang = “en”.
Then all survey ain’t working. I can’t understand why…
<!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">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="app">
<h1 id="title">Survey Form</h1>
<p id="description">Survey to improve our company</p>
<form id="survey-form">
<div class="general-info">
<label for="name" id="name-label">Name</label>
<input type="text" id="name" name="name" placeholder="your name">
<label for="email" id="email-label">Email</label>
<input type="email" name="email" id="email" placeholder="your email">
<label for="number" id="number-label">Age</label>
<input type="number" name="number" id="number" min="10" max="65" placeholder="age">
</div>
<div class="selection">
<label for="select">Which are you</label>
<select name="select" id="dropdown">
<option value="Student">Student</option>
<option value="Parent">Parent</option>
<option value="Teacher">Teacher</option>
</select>
</div>
<div class="genders">
<label for="radio">Gender</label>
<div class="gender">
<input type="radio" name="radio" value="Male">
<label for="radio">Male</label>
</div>
<div class="gender">
<input type="radio" name="radio" value="Female">
<label for="radio">Female</label>
</div>
<div class="gender">
<input type="radio" name="radio" value="Rather not say">
<label for="radio">Rather not say</label>
</div>
</div>
<div class="languages">
<label for="checkbox">Languages you know</label>
<div class="lang">
<input type="checkbox" name="checkbox" value="html">
<label for="checkbox">HTML</label>
</div>
<div class="lang">
<input type="checkbox" name="checkbox" value="css">
<label for="checkbox">CSS</label>
</div>
<div class="lang">
<input type="checkbox" name="checkbox" value="js">
<label for="checkbox">JS</label>
</div>
</div>
<textarea id="" cols="30" rows="10" placeholder="your thoughts"></textarea>
<button type="submit" id="submit">Submit</button>
</form>
</div>
</body>
</html>