Дата публикации:

Как сделать сброс данных формы после отправки: руководство с примером кода

Если вы хотите, чтобы данные формы автоматически сбрасывались после их отправки, вам потребуется немного JavaScript. Вот простое руководство с примером кода, который поможет вам реализовать эту функциональность. Шаг 1: Добавьте JavaScript код

document.addEventListener('DOMContentLoaded', function() {
document.getElementById('myForm').addEventListener('submit', function(e) {
e.preventDefault();
this.reset();
});
});

Шаг 2: Обновите HTML форму

<form id="myForm">
<label for="name">Имя:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<button type="submit">Отправить</button>
</form>

Шаг 3: Проверьте работу кода Теперь, когда вы заполните форму и отправите ее, данные формы будут автоматически сброшены, и вы увидите пустую форму на экране. Пример кода вы можете посмотреть здесь: ссылка на CodePen Следуя этим шагам, вы сможете легко реализовать функциональность сброса данных формы после их отправки. Надеемся, что это руководство было полезным для вас!