如何在Vaadin7中通过代码禁止Edge浏览器自动保存输入框数据

方案1：单组件单独设置 #

Vaadin7的所有文本输入类组件（TextField、PasswordField等继承自AbstractTextField的组件）都支持自定义DOM属性，直接将autocomplete属性设为对应值即可：

// 普通文本输入框禁用自动填充
TextField inputField = new TextField("业务输入项");
inputField.getElement().setAttribute("autocomplete", "off");

// 密码框建议使用new-password，适配性比off更好
PasswordField pwdField = new PasswordField("密码");
pwdField.getElement().setAttribute("autocomplete", "new-password");

如果你使用的Vaadin7小版本不支持getElement()方法，可以改用setData()实现：

inputField.setData("autocomplete", "off");

方案2：全局统一配置 #

如果项目中所有输入框都需要禁用自动填充，可以自定义通用组件避免重复配置：

1. 封装自定义无自动填充输入组件

public class NoAutoFillTextField extends TextField {
    public NoAutoFillTextField() {
        super();
        getElement().setAttribute("autocomplete", "off");
    }
    // 按需重载其他构造方法即可
}

2. 项目中对应位置直接使用NoAutoFillTextField替代原生TextField即可。

特殊场景兼容 #

如果上述配置仍然不生效，可以额外给输入组件设置随机name属性，避免Edge通过通用字段名（如username、phone等）触发自动填充：

inputField.getElement().setAttribute("name", UUID.randomUUID().toString());

内容的提问来源于stack exchange，提问作者marius75