diff options
Diffstat (limited to 'files/uk/web/api/htmlformelement/reset/index.html')
| -rw-r--r-- | files/uk/web/api/htmlformelement/reset/index.html | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/files/uk/web/api/htmlformelement/reset/index.html b/files/uk/web/api/htmlformelement/reset/index.html deleted file mode 100644 index 9917055250..0000000000 --- a/files/uk/web/api/htmlformelement/reset/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: HTMLFormElement.reset() -slug: Web/API/HTMLFormElement/reset -tags: - - скидання форми -translation_of: Web/API/HTMLFormElement/reset ---- -<div>{{APIRef("HTML DOM")}}</div> - -<p>Метод <code><strong>HTMLFormElement.reset()</strong></code> відновлює значення елемента форми за замовчуванням. Цей метод робить те ж саме, що і натискання кнопки скидання форми. </p> - -<p>Якщо елемент управління форми (наприклад, кнопка скидання) має ім'я або ідентифікатор скидання, він маскує метод скидання форми. Він не скидає інші атрибути <code>input</code> елемента, наприклад, <code>disabled</code>.</p> - -<h2 id="Синтаксис">Синтаксис</h2> - -<pre class="brush: js"><em>HTMLFormElement</em>.reset() -</pre> - -<h2 id="Example" name="Example">Приклад</h2> - -<pre><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></pre> - -<h2 id="Specification" name="Specification">Специфікація</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Специфікація</th> - <th scope="col">Статус</th> - <th scope="col">Коментар</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#dom-form-reset', 'HTMLFormElement: reset')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Сумісність_з_веб-переглядачами">Сумісність з веб-переглядачами</h2> - - - -<p>{{Compat("api.HTMLFormElement.reset")}}</p> |