如何避免自动填充用户名密码

最新推荐文章于 2024-08-14 18:05:17 发布

原创最新推荐文章于 2024-08-14 18:05:17 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript防止网页表单自动填充用户名和密码，通过设置autocomplete属性为off和new-password来阻止浏览器自动填充功能，同时提供代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何避免自动填充用户名密码

html

 <Form class='base-content' autocomplete="off" >
	<FormItem>
		<Input placeholder="请输入" autocomplete="off" v-model='formValidate.sourceUser'/>
	</FormItem>
	<FormItem>
		<Input placeholder="请输入" autocomplete="new-password" v-model='formValidate.sourcePassword' :readonly="readonly" @click.native="handlePassword" :type="pwdType" ref="pwd" @on-blur="readonly=true" @on-change="pwdChange"/>
	</FormItem>
</Form>

handlePassword (e) {
  this.pwdType = 'password'
  this.readonly = false
},
pwdChange (e) {
  this.pwdType = this.formValidate.sourcePassword === '' ? 'text' : 'password'
}