input type="number",鼠标悬停关闭提示语

最近刚发现input 设置type="number"之后，鼠标悬停会出现提示语：请输入有效值。两个最接近的有效值分别为xx和xx。

一、问题

想要输入的值确实为number格式，又可以输入小数，不限制小数位，所以要把这讨厌的提示去掉，该怎么做呢？

二、解决方案

1.设置title

设置title为空之后提示内容也即为空，所以不显示，代码如下

<input
   type="number"
    autocomplete="off"
    title=""
  />

补充：autocomplete="off"此属性是为了不让输入框自动填充，即不让输入框出现历史数据下拉框选项

2.设置step

<input
   type="number"
    autocomplete="off"
    step="0.001"
  />

此方法是设置step值，这样可以输入小数，但是存在弊端，因为如果输入超过限制精度依然会出现提示，比如上面的代码如果输入1.1111，还是会出现：请输入有效值。两个最接近的有效值分别为1.111和1.112。

三、总结

综上两种方法对比得出第一种方法更胜一筹，因此这里推荐第一种方法。此外还可以自行通过js去控制，但我觉得一个属性可以搞定就没必要大费周章去打扰js了，hhhh.

我的个人博客有空来坐坐

https://www.wangyanan.online