首页 > 其他分享 >vue3+ts 禁止文本框自动填充内容

vue3+ts 禁止文本框自动填充内容

时间:2023-10-27 15:27:19浏览次数:36  
标签:禁止 浏览器 填充 ts 文本框 autocomplete 自动 vue3 属性

如果 `<input>` 元素的 `autocomplete` 属性设置为 `"off"` 但并没有起作用,这可能是因为不同浏览器对此属性的实现方式存在一些差异。

为了更可靠地禁用自动填充功能,你可以尝试以下解决方案之一:

1. 添加 `autocomplete="new-password"` 属性值:一些浏览器会将 `"off"` 视为默认值,但是将 `autocomplete` 设置为 `"new-password"` 可以更可靠地禁止自动填充。

```html
<input type="text" v-model="inputValue" autocomplete="new-password" />
```

2. 设置 `readonly` 属性:将输入框设置为只读模式也可以将自动填充功能禁用。

```html
<input type="text" v-model="inputValue" readonly />
```

请注意,实现自动填充的方式是由浏览器控制的,不同浏览器可能对 `autocomplete` 属性的解释有所不同。这些解决方案可以帮助你在大多数情况下禁止自动填充,但无法百分之百地保证在所有浏览器和环境中都能生效。

标签:禁止,浏览器,填充,ts,文本框,autocomplete,自动,vue3,属性
From: https://www.cnblogs.com/gaosj20210301/p/17792412.html

相关文章

  • Unity DOTS系列之Aspect核心机制分析
      最近DOTS发布了正式的版本,我们来分享一下DOTS里面Aspect机制,方便大家上手学习掌握UnityDOTS开发。Aspect 机制概述当我们使用ECS开发的时候,编写某个功能可能需要某个entity的一些组件,如果我们一个个组件的查询出来,可能参数会写很长。如果我们编写某个功能的时候,需要enti......
  • requests库的常用方法
    requests是python的第三方库pip3installrequests 常用的6种方法:postdeleteputget增加、删除、修改、查询.基于RestfulAPI架构requestsession 发送get请求get(url,params=None,**kwargs)defget(url,params=None,**kwargs):r"""SendsaGETreques......
  • `plt.subplots()`是matplotlib库中的一个函数,用于创建一个新的图形窗口和一组子图²。
    `plt.subplots()`是matplotlib库中的一个函数,用于创建一个新的图形窗口和一组子图²。以下是它的参数说明:-`nrows`:整数,默认为1。设置图表的行数¹²。-`ncols`:整数,默认为1。设置图表的列数¹²。-`sharex`,`sharey`:布尔值或{'none','all','row','col'},默认为False。控制x(s......
  • 通过requests库使用HTTP编写的爬虫程序
    使用Python的requests库可以方便地编写HTTP爬虫程序。以下是一个使用requests库的示例:importrequests#发送HTTPGET请求response=requests.get("http://example.com")#检查响应状态码ifresponse.status_code==200:#获取响应内容html=response.text......
  • VIte+Vue3 打包在本地 双击 index.html 打开项目
    npmi@vitejs/plugin-legacynpmi@babel/preset-envnpmiterserimportlegacyfrom'@vitejs/plugin-legacy';exportdefaultdefineConfig({base:"./",plugins:[vue(),legacy({targets:["defaults","not......
  • AtCoder Beginner Contest 216 H Random Robots
    洛谷传送门AtCoder传送门下文令\(n\)为原题中的\(K\),\(m\)为原题中的\(N\)。首先概率转方案数,最后除\(2^{nm}\)即可。考虑一个指数级暴力:枚举每个bot的终点\(y_i\)(因为存在不能相交的限制,需要满足\(y_1<y_2<\cdots<y_n\)),相当于为每个bot选一个\((0,x_i)......
  • 【技术文档】RTSP摄像头不同厂家规则
    海康摄像头rtsp规则(常见)1. rtsp://admin:[email protected]:554/h264/ch1/main/av_stream2. rtsp://admin:[email protected]:554/Streaming/Channels/101  (主码)3. rtsp://admin:[email protected]:554/Streaming/Channels/102  (子码)海康摄像头rtsp规......
  • 【技术文档】RTSP协议详解
    1 概要RTSP(RealTimeStreamingProtocol)实时流协议:一种流媒体控制协议,可对流媒体进行暂停、快进、快倒等操作。流媒体就是实时在线点播。而流媒体与普通媒体的差别在于:对于普通媒体,在访问它之前要得到全部的内容;对于流媒体,则在完全接收到全部内容之前就开始访问。本文主要介......
  • PAT_A1104 Sum of Number Segments
    Givenasequenceofpositivenumbers,asegmentisdefinedtobeaconsecutivesubsequence.Forexample,giventhesequence{0.1,0.2,0.3,0.4},wehave10segments:(0.1)(0.1,0.2)(0.1,0.2,0.3)(0.1,0.2,0.3,0.4)(0.2)(0.2,0.3)(0.2,0.3,0.4)......
  • Pset_SpaceLightingRequirements
    Pset_SpaceLightingRequirements空间照明要求:与适用于IfcSpace或IfcZone引用的照明要求相关的特性。这包括所需的人工照明、照度等。  NameTypeDescriptionArtificialLightingP_SINGLEVALUE / IfcBooleankünstlicheBeleuchtungAngabe,obdieserRaumeine......