专栏首页Vue开发社区如何不让input输入框显示或禁止历史记录

如何不让input输入框显示或禁止历史记录

html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:autocomplete="off"

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

但我今天无意中发现一种情况:

像下面这种的,本身是不会有历史记录出现的。

<input type="text" id="myinput"  class="search-input" placeholder="在这里输入查询关键字" />

但是如果我把id改一下,像下面这个样子就会出现历史记录。

<input type="text" id="keyword"  class="search-input" placeholder="在这里输入查询关键字" />

<input type="text" id="keywords"  class="search-input" placeholder="在这里输入查询关键字" />

感兴趣的同学可以自己试试看,id="keyword"会出现历史记录,id="keywords"会提示“在这里搜索”。

也就是说其实也跟id的关键字有关系,如果input输入框没有设置id,压根也不会弹出历史记录,如果设置了id,不是keyword也不会出现,如果id非设置了keyword那就加个autocomplete="off"禁止。

文章分享自微信公众号:
前端开发社区

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!

原始发表时间:2022-01-20
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • 如何不让input输入框显示或禁止历史记录

    html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:...

    winty
  • 移动端问题收集和解决

    绑定tap方法的dom元素,触发该方法时,该dom元素下方同一位置的dom元素会触发click事件或者有浏览器认为可以被点击交互的dom元素(input的foc...

    Tiffany_c4df
  • 收藏 | 移动端H5开发常用技巧总结

    在 iOS Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如:

    @超人
  • 移动web端常见bug

    Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。

    一墨编程学习
  • 接口测试平台代码实现96:全局域名-3

    全局域名这里我们目前已经搞定了 域名管理 部分。也就是当用户请求的时候我们偷偷存了份 host,并且去重。

    我去热饭
  • 移动web端常见bug汇总001

    本文是摘录整理了移动端常见的一些bug以及解决方案,第一篇,后面还会有持续的文章更新整理。

    RobinsonZhang
  • 初学者:html中的表单详解(下面附有代码)

    表单的理解与解释 表单:采集不同类型的用户输入数据,发送给服务器,实现用户和服务器之间的数据交互。

    全栈程序员站长
  • 移动端bug汇总(一)

    Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。

    zhbyue
  • 移动端bug汇总(一)

    1.点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。

    yuezhongbao
  • 详解linux中十六个安全优化配置

    所以,无论是配置任何服务器,我们都必须把不用的服务关闭、把系统权限设置到最小,这样才能保证服务器最大的安全。下面是基于CentOS服务器的安全设置,供大家参考。

    lyb-geek
  • 移动端H5坑位指南

    使用<a>能快速调用移动设备的电话/短信/邮件三大通讯功能,使用<input>能快速调用移动设备的的图库/文件。 这些功能方便了页面与系统的交互,关键在于调用格...

    饼干_
  • 【安全】 XSS 防御

    后面会把前端进阶的课程内容都总结一遍。有些都是很常见的知识,但是为了梳理自己的知识树,所以尽量模糊的地方都会记录

    神仙朱
  • JS之浏览器对象BOM

    DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点:window、history、location ,...

    Java帮帮
  • Bootstrap 表单

    在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。

    好派笔记
  • 表单

    1.表单控件     1.input标记         1.input标记             提供文本输入框,密码输入框,按钮,单选按钮,多选按钮,...

    十月梦想
  • JS监听中文输入

    当我们开始进行input的输入改变了input框里的值时,js会监听到input propertychange事件, 执行判断(一开始时$(this).pr...

    colezhou
  • 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践

    不知不觉在网易已有三年半,占了一半时间都在与移动端打交道,整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,...

    JowayYoung

扫码关注腾讯云开发者

领取腾讯云代金券