Есть обычная форма. Значения сохраняются в сессии и не удаётся её очистить при помощи стандартного <input type="reset" />.
Подскажите пожалуйста как при помощи javascript очистить всю форму?
Вот эта кнопка, очищает только поле «txt».
<input type="button" value="Очистить" onclick="this.form.elements[\'txt\'].value=\'\'" />
У объекта формы вызвать метод reset https://www.w3schools.com/jsref/met_form_reset.asp
<input type="reset">:<form>
<p>Введите что-нибудь в поля:</p>
<input>
<input>
<input type="reset" value="Очистить форму">
</form>
reset формы:let form = document.getElementById('form');
let button = document.getElementById('button');
button.addEventListener('click', () => form.reset());
<form id="form">
<p>Введите что-нибудь в поля:</p>
<input>
<input>
<button type="button" id="button">Очистить</button>
</form>
getElementsByTagNamefor...of.value поля пустую строкуfunction clearAllFormInputs() {
let form = document.getElementById('form');
let inputs = form.getElementsByTagName('input');
for (let input of inputs)
input.value = '';
}
let button = document.getElementById('button');
button.addEventListener('click', clearAllFormInputs);
<form id="form">
<input value="текст1">
<input value="текст2">
<button id="button">Очистить</button>
</form>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники