autocomplete="off" 阻止浏览器默认缓存input的值

起因

做了一个起始时间自动获取当前时间的一个时间控件，

但是发现input的value值是当前时间没问题，显示的却是以前选择的时间，这是为什么？

经过查阅资料发现，

火狐浏览器比较特殊，它默认会缓存input框的值，

导致input的value值是最新的，但是显示给用户的却是之前的值，

command+R刷新多次还是一样，只有command+shift+R强制刷新才可以。

我们不能期望用户自己去尝试强制刷新，所以需要给 input加一个属性autocomplete="off"，

作用是阻止浏览器默认的input缓存。

autocomplete

autocomplete默认值是on，即默认开启，作用是将输入框以前的输入记录显示出来。

普通文本框 添加 autocomplete="off"

<input type="text" autocomplete="off" />

密码输入框 添加 autocomplete="new-password"

<input type="password" autocomplete="new-password" />

表单输入框 添加 autocomplete="off"

<form action="" autocomplete="off"></form>