Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hello, I have a problem with the “build a survey form” challenge, the first 2 tests give an error, “1. You should have an h1 element with an id of title” and “2. Your #title should not be empty” because despite having written the h1 with its id and text, it does not validate it as correct.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="title"></title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
   <h1 id="title">vocaloid form</h1>
      <p id="description">idk</p>

<form id="survey-form">

  <label id="name-label">name</label>
<input id="name"type="text"required placeholder="enter your name">

<label id="email-label">email</label>
<input id="email"type="email"required placeholder="enter your email">

<label id="number-label">age</label>
<input id="number"type="number"required min="13"max="100"placeholder="enter your age">

<select id="dropdown">
  <option value="">select a option</option>
  <option value="miku">hatsune miku</option>
  <option value="rin">kagamine rin</option>
  <option value="len">kagamine len</option>
  <option value="luka">megurine luka</option>
  <option value="meiko">MEIKO</option>
  <option value="kaito">KAITO</option>
    <input type="radio" value="women"name="gender">
     <input type="radio"value="man"name="gender">
     <input type="radio"value="other"name="gender">

     <input type="checkbox"value="rock">
     <input type="checkbox"value="pop">
    <textarea></textarea>
    <button id="submit" type="submit">
</form>
  </body>
  </html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

you should not reuse ids