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

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
resetChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 9Opera Full support 8Safari Full support 3WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support