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

原创于 2019-10-30 14:24:26 发布 · 409 阅读

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'
}