Uview中 u-input如何关闭自动填充？

Question

请问如何关闭uview中u-input的自动填充功能？ 每次点击登录时总会弹出是否保存密码，很影响用户体验感， 似乎在官方文档中也没有用， 尝试了使用autocomplete=“off” 页面也不生效

Answer 1

如果使用 autocomplete="off" 属性无法禁用 u-input 组件的自动填充功能，您可以考虑使用以下两种方法：

在 u-input 中使用 autocomplete="new-password" 属性，这个属性可以防止自动填充账号密码，只有当用户输入完整的账号密码后，浏览器才会提示是否保存密码。例如：

<u-input type="password" name="password" placeholder="请输入密码" autocomplete="new-password"></u-input>

使用 JavaScript 在页面加载后将 u-input 组件的 autocomplete 属性设置为 off。例如：

<u-input type="text" name="username" placeholder="请输入用户名" id="username"></u-input>
<u-input type="password" name="password" placeholder="请输入密码" id="password"></u-input>
// 禁用 u-input 组件的自动填充功能
document.getElementById('username').setAttribute('autocomplete', 'off');
document.getElementById('password').setAttribute('autocomplete', 'off');

以上两种方法都可以在微信小程序中使用