Типы ввода HTML не отображаются правильно в Chrome

Question

Это код, который я использовал, но я не думаю, что это что-то не так с кодом, поскольку он хорошо работает в Safari, но не в Chrome. Левая рука - это Chrome, а другая - Safari. , Как видите, радио, отправка, сброс типа как-то исчезли в Chrome.

Проверьте это изображение Обычно должны быть различные флажки, которые я могу включить или выключить. Но в моем браузере это не работает.

 <form method="GET">
         <input type="radio" name="gender" value="male">Male <br>
         <input type="radio" name="gender" value="female">Female <br>
         <input type="radio" name="gender" value="other">Other <br>
         Pets <br>
         <input type="checkbox" name="dog" value=""> Dogs<br>
         <input type="checkbox" name="cat" value=""> Cats<br>
         Cars <br>
         <select class="" name="cars">
           <option value="volvo" name="volvo">Volvo</option>
           <option value="Audi" name="audi">Audi</option>
         </select><br>
         <input type="submit" name="" value="Register">
         <input type="reset" name="" value="Reset">
    </form>

Answer 1

<input type="submit" name="" value="Register">
<input type="reset" name="" value="Reset">

следует указывать в виде кнопок. Chrome хочет, чтобы они были явно объявлены как <button>.

<button type="submit">Register</button>
<button type="reset">Reset</button>

Вот улучшенная версия предоставленного вами кода с некоторыми исправлениями. Вы можете следить за тем, как правильно структурировать <form> через MDN .

<form method="GET">
  <input type="radio" name="gender" value="male" id="male"><label for="male">Male</label> <br>
  <input type="radio" name="gender" value="female" id="female"><label for="female">Female</label> <br>
  <input type="radio" name="gender" value="other" id="other"><label for="other">Other</label> <br> Pets <br>
  <input type="checkbox" name="dog" value="" id="dogs"><label for="dogs">Dogs</label><br>
  <input type="checkbox" name="cat" value="" id="cats"><label for="cats">Cats</label>
  <br> Cars <br>
  <select class="" name="cars">
    <option value="volvo" name="volvo">Volvo</option>
    <option value="Audi" name="audi">Audi</option>
  </select><br>
  <button type="submit">Register</button>
  <button type="reset">Reset</button>
</form>