小程序input框有值时显示清空按钮

您好，针对您的问题，可以通过监听 input 框的输入事件，在输入框中有值时，动态添加一个清空按钮。具体实现代码如下：

<!-- 输入框 -->
<input id="input" type="text" oninput="showClearBtn()" />

<!-- 清空按钮 -->
<button id="clearBtn" style="display: none;" onclick="clearInput()">清空</button>

<script>
  function showClearBtn() {
    var input = document.getElementById("input");
    var clearBtn = document.getElementById("clearBtn");
    if (input.value !== "") {
      clearBtn.style.display = "block";
    } else {
      clearBtn.style.display = "none";
    }
  }

  function clearInput() {
    var input = document.getElementById("input");
    input.value = "";
    showClearBtn();
  }
</script>

以上代码中，通过 oninput 事件监听 input 框的输入事件，当输入框中有值时，显示清空按钮。在点击清空按钮时，清空输入框的值，并重新判断是否显示清空按钮。