javascript - 我想创建一个可清除的搜索字段。我哪里做错了？

Question

我想创建一个可清除的搜索字段。当我单击十字按钮时，我想重置输入的值

function clear() {
  var a = document.getElementById('searchField');
  a.value = "";
}

<div class="searchGroup">
  <input type="text" id="searchField">
  <button onclick="clear()">&times;</button>
</div>

我希望输入应该被重置为无值。

Answer 1

将函数名称从 clear 更改为其他名称。尽管已弃用，但它可能会调用 document.clear

function clearInput() {
  document.getElementById('searchField').value = "";
}

<div class="searchGroup">
  <input type="text" id="searchField">
  <button type="button" onclick="clearInput()">&times;</button>
</div>