html form autocomplete,html5 的autocomplete属性实现原理

需求背景:将项目中的部分控件,支持联想历史输入内容

查了下,现有html5已有支持,使用autocomplete即可(默认为on打开,想关闭设置为off,使用要求就是form+type为submit的button),如下为官方示例:

First name:

Last name:

E-mail:

现在也实现了

发现只有第一次进入页面,点击提交后,浏览器的确会记录这次输入的内容。但是如果此时,再次点击提交按钮,浏览器不会记录第二次输入内容。只有刷新页面重新进入才可以。

我也为此测试查询了下,是由于项目内使用的是antd的form,在点击htmlType='submit' 的按钮后,因为页面不会刷新(项目内也的确不应该刷新)导致。

而使用原生的form 与 button ,提交后,浏览器url会进行跳转,那就可以多次点击提交并且记录多个。

我这边也实在查不到相关文档,关于html5对于autocomplete的实现,想着看下怎么实现,我这边点击提交按钮,可以手动将表单中的内容记录到浏览器的历史记录数据中。

所以,有没有前辈可以指点一二,万分感谢~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值