首页 > 解决方案 > 我想制作一个清晰的搜索字段。我在哪里做错了?

问题描述

我想制作一个清晰的搜索字段。当我单击十字按钮时,我想重置输入的值

function clear() {
  var a = document.getElementById('searchField');
  a.value = "";
}
<div class="searchGroup">
  <input type="text" id="searchField">
  <button onclick="clear()">&times;</button>
</div>

我希望输入应该重置为没有值。

标签: javascripthtml

解决方案


将函数名称从更改为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>


推荐阅读