HTMLFormElement.reset()

Метод HTMLFormElement.reset() відновлює значення елемента форми за замовчуванням.  Цей метод робить те ж саме, що і натискання кнопки скидання форми. 

Якщо елемент управління форми (наприклад, кнопка скидання) має ім'я або ідентифікатор скидання, він маскує метод скидання форми. Він не скидає інші атрибути input елемента, наприклад, disabled.

Синтаксис

HTMLFormElement.reset()

Приклад

<form>
    <input type="text" size="350" value="Приймеш синю пігулку - і казці кінець. Ти прокинешся у своєму ліжку і повіриш, що це був сон. Приймеш червону пігулку - увійдеш до країни чудес. Я покажу тобі, чи глибока кроляча нора."/>
    <input type="reset" value="Reset">
    <button type="reset">Red</button>
    <div id="test">Blue</div>
</form>

<script>
  // тут ми будем зберігати елемент, при нажатті на який ініціювало reset подію
  let resetElement = undefined;

  // додамо прослуховувач click події до елементів, які дозволяють скинути значення форми
  document.querySelectorAll("*[type=reset], #test").forEach(element => element.addEventListener("click", e => {
    resetElement = e.target;
  }));

  // при активації клік події виклечемо .reset() на FORM елементі
  document.querySelector("#test").addEventListener("click", e => e.target.parentNode.reset());

 // переконаємося в тому, що .reset() ініціює подію
 window.addEventListener("reset", e => {
    console.log(e.type, " has been initiated by: ", resetElement.tagName);
    resetElement = undefined;
  })
</script>

Специфікація

Специфікація Статус Коментар
HTML Living Standard
The definition of 'HTMLFormElement: reset' in that specification.
Living Standard

Сумісність з веб-переглядачами

BCD tables only load in the browser