Untitled

<head>
  <title>Survey Form</title>
</head>

<body>

  <h1 id="title">
    Best Western Isekia
  </h1>

  <P id="description">This is a simple survey to determine which Western Isekai is best Western Isekai.</p>
  <!--Form-->

  <div id="form-container">

    <form action="" id="survey-form">

        <!--enter name-->
      <div>
        <div>
          <label for="name" id="name-label">Name:</label>
        </div>
        <div>
         <input type="text" name="name" id="name" class="input-field" placeholder="Enter Your Name" required maxlength="50" size="30">
        </div>
      </div>

      <!--enter email-->

      <div>
        <div>
          <label for="email" id="email-label">Email:</label>
        </div>
        <div>
         <input type="email" name="email" id="email" class="input-field" placeholder="Enter Your Email" required maxlength="50" size="30">
        </div>
      </div>

      <!--Ask user age-->
      <div>
        <div>
          <label for="number" id="number" id="number-label">How Old Are You?</label>
          <input type="number" name="number" id="number" class="input-field" placeholder="66" min="0" max="100" step="1" size="30">
            </div>
        </div>

        <!--Radio Buttons-->

      <div>
        <div>
          <label for="gender">Gender:</label>
        </div>
        <div>
          <input type="radio" name="radio-buttons" value="Male" id="gender">Male
        </div>
        <div>
        <input type="radio" name="radio-buttons" value="Female" id="gender">Female
      </div>
      </div>

    <!--Dropdown List-->

    <div>
      <div>
        <label for="dropdown">Which Isekia is best Isekai?</label>
      </div>
      <div>
        <select name="dropdown" id="dropdown">
          <option value="Black Knight">Black Knight</option>
          <option value="The Chronicles of Narnia">The Chronicles of Narnia</option>
          <option value="Army of Darkness">Army of Darkness</option>
          <option value="The Matrix">The Matrix</option>
          <option value="Never-Ending Stor">Never-Ending Story</option>
          <option value="Jumaji">Jumanji</option>
         <option value="Hitchhiker's guide to the Galaxy">Hitchhiker's guide to the Galaxy</option>
          <option value="Back to the Future">Back to the Future</option>
          <option value="Blues Clues">Blues Clues</option>
        </select>
      </div>
    </div>

    <!--checkbox-->

    <div>
      <div>
        <label for="checkbox">Is Western Isekai better than Eastern Isekai?:</label>
      </div>
      <div>
        <input type="checkbox" name="yesno" value="Yes">Yes
          </div>
      <div>
        <input type="checkbox" name="yesno" value="No">No
        <div>
        <input type="checkbox" name="yesno" value="Yeet">Go Yeet Yourself
      </div>
    </div>

      <!--Additional Comments-->

      <div>
        <div>
          <label for="comments">Comments:</label>
        </div>
        <div>
          <textarea name="comments" maxlength="1000" cols="25" rows="6" id="comments">
          </textarea>
        </div>
      </div>

      <!--Submit Button-->

      <div>
        <input type="submit" value="Submit" id="submit">
      </div>
      </form>
  </div>
          </body>