как очистить input js

Аватар пользователя Aleksey
Aleksey
03 апреля 2023

Пример очистки значения элемента input в js:

let input = document.getElementById('myInput');
input.value = '';

Как видно из кода, принцип довольно прост и заключается в присвоении пустой строки свойству value этого элемента.

Например, мы хотим очистить поле ввода для поиска музыки. Тогда наш код будет выглядеть так:

<input
  type="text"
  id="searchInput"
  placeholder="Введите название песни или исполнителя"
/>
<button onclick="clearSearch()">Очистить</button>

<script>
  function clearSearch() {
    document.getElementById('searchInput').value = '';
  }
</script>

При нажатии на кнопку "Очистить" значение поля ввода будет заменено на пустую строку, тем самым произойдет очистка.

1 0