Build a survey form <!DOCTYPE html> warning

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>

Please post a link to the challenge you are in.

I see no such warning.

I see two tests failing because of the missing required attribute on two of the input elements. As the tests show.