Firefox + HTML5 проверка формы + сброс: почему разметка не сохраняется после сброса - PullRequest
Новая
       16

Firefox + HTML5 проверка формы + сброс: почему разметка не сохраняется после сброса

0 голосов
/ 11 марта 2020

В Firefox проверка формы по умолчанию HTML5 помечает недопустимые поля красным цветом.

Почему эта отметка не удаляется, если запускается reset? Проблема не присутствует в Chrome, так как она использует другой стиль.

Ниже приведен пример. Если нажать Submit, мы получим нормальные отметки и сообщение о том, что первое поле является обязательным. Затем нажмите Reset и в моем Firefox у меня останется

enter image description here

Почему бы Reset не удалить красные контуры и сбросить форма в исходное состояние? 

<html>
  <head>
      <meta charset="utf-8">
      <style type="text/css">
       body {
       width:100%;
       }
       form {
       width:25rem;
       margin: 2rem auto;
       }
       div:last-child { margin-top:1rem }
      </style>
  </head>
  <body>
      <form id="form" onsubmit="return false;">
      <div>
          <input type="text" name="test1" required />
      </div>
      <div>
          <input type="text" name="test2" required />
      </div>
      <div>
          <input type="submit" value="Submit" />
          <input type="reset" value="Reset" />
      </div>
      </form>
  </body>
</html>
...