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 YesEdge Full support 12Firefox Full support YesIE ? Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown