Javascript 如果值为0,则显示占位符

Javascript 如果值为0,则显示占位符,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果值等于最小值,是否仍可以显示占位符文本 对于此代码 <input type="number" class="normal form-control no-padding ta-right" id="spreadThisTotal" min="0" value="0" placeholder="Amount to be allocated"/> 仅仅用html5就可以做到这一点吗?或者这种操作真的必须用javascript完成吗 谢谢 我相信这里需要一些操作,这是一个java

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

对于此代码

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

仅仅用html5就可以做到这一点吗?或者这种操作真的必须用javascript完成吗


谢谢

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

  • 如果用户单击输入框且最小值为当前值,则会添加占位符。
  • 如果用户输入该值,则会触发单击

    函数func(e){
    如果(e.target.value==e.target.getAttribute(“min”)){
    e、 target.value=“”;
    }
    }
    document.getElementById(“spreadThisTotal”).addEventListener('click',func);
    document.getElementById(“spreadThisTotal”).addEventListener('keyup',函数(e){e.target.click()})

    尝试以下解决方案:

    document.getElementById('spreadThisTotal').addEventListener('keyup',checkValue);
    函数检查值(事件){
    如果(event.target.value==0){
    document.getElementById('spreadThisTotal')。value=null;
    }
    }

    如果0的值仍然是一个有效的选项,这会让用户很困惑,那么为什么它会这样做呢?我不得不同意。我只是选择让它有不同的行为,以免混淆用户。更奇怪的是,如果没有Javascript,这一切是否可能实现