javascript - 如果值 = 0，则显示占位符

Question

如果值等于最小值，是否仍然可以显示占位符文本？

对于这段代码

<input type="number" class="normal form-control no-padding ta-right" id="spreadThisTotal" min="0" value="0" placeholder="Amount to be allocated"/>

这可以只用 html5 来完成吗？或者这种操作真的必须用 javascript 来完成吗？

谢谢!

Answer 1

我相信这里需要一些操作是一个 javascript 解决方案

如果用户点击输入框并且最小值是当前值，那么它会添加占位符。

如果用户输入值，它会触发点击

    function func(e) {
      if(e.target.value==e.target.getAttribute("min")){
      e.target.value="";
      }
    }
    document.getElementById("spreadThisTotal").addEventListener('click', func);
    document.getElementById("spreadThisTotal").addEventListener('keyup', function(e){e.target.click()})

    <input type="number" class="normal form-control no-padding ta-right" id="spreadThisTotal" min="0" value="0" placeholder="Amount to be allocated" />