Очистка формы с помощью js.
После отправки формы, она заполняется данными, которые ввел пользователь.
Из-за того, что страница обновляется с уже готовыми данными, форма по кнопке не очищается.
Как реализовать очищение формы?
function clearForm()
Не помогает. Обновление Я вешаю функцию на событие onclick при нажатии на кнопку очистки.
$('form input[type="text"], form input[type="password"], form textarea').val(''); не срабатывает так же. Я не хочу чистить форму автоматически, мне нужно, чтобы это делал пользователь.
Отслеживать
28.5k 12 12 золотых знаков 58 58 серебряных знаков 118 118 бронзовых знаков
как очистить input js
Как видно из кода, принцип довольно прост и заключается в присвоении пустой строки свойству value этого элемента.
Например, мы хотим очистить поле ввода для поиска музыки. Тогда наш код будет выглядеть так:
type="text" id="searchInput" placeholder="Введите название песни или исполнителя" /> onclick="clearSearch()">Очистить function clearSearch() document.getElementById('searchInput').value = ''; > При нажатии на кнопку «Очистить» значение поля ввода будет заменено на пустую строку, тем самым произойдет очистка.
HTMLFormElement.reset()
Метод HTMLFormElement.reset() восстанавливает стандартные значения всем элементам формы. Данный метод выполняет действие идентичное нажатию кнопки имеющей тип reset.
Если элемент управления формы (такой как кнопка типа reset) имеет имя или идентификатор reset, это маскирует метод HTMLFormElement.reset() . Это не сбрасывает другие атрибуты, такие как disabled.
Синтаксис
.reset();
Пример
.getElementById("myform").reset();
Спецификации
| Specification |
|---|
| HTML Standard # dom-form-reset-dev |
Совместимость с браузерами
BCD tables only load in the browser
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 7 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
- Product help
- Report an issue
Our communities
Developers
- Web Technologies
- Learn Web Development
- MDN Plus
- Hacks Blog
- Website Privacy Notice
- Cookies
- Legal
- Community Participation Guidelines
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Курсы javascript
Добрый день, стоит задача очистить форму input, если пользователь заполняет вход, но нажимает его снова, он стирается
Знаю как реализовать данную задачу через редактирование input.
function clearField(input) < input.value = ""; >;
И нужно только что бы поле input, стиралось у #edit-field-iblako-slov-tid, само поле редактировать не могу.
18.09.2021, 21:45
Интересующийся
Регистрация: 20.07.2018
Сообщений: 16
Как решение есть такое:
18.09.2021, 21:48
Регистрация: 27.05.2010
Сообщений: 33,009
ajaxst,
. подожду переводчика
19.09.2021, 13:19
Интересующийся
Регистрация: 20.07.2018
Сообщений: 16
Перевод:
поле input пустое, пользователь вводит данные, запускает поиск и все нормально, значения в поле сохраняют свое значение, после ввода нового значение в это же поле, при первом нажатии значение сразу же удаляется (очищается) и ему не нужно механически (нажатием клавиш) ничего удалять.