使用自定义 javascript 函数提交表单时如何更新自动完成/自动填充？答案

【问题标题】：How can I update autocomplete/autofill when submitting form using custom javascript function?使用自定义 javascript 函数提交表单时如何更新自动完成/自动填充？
【发布时间】：2020-01-25 11:27:21
【问题描述】：

我创建了一个带有表单的 Vue 应用程序。当用户单击提交时，提交由发送 ajax 请求（使用 Axios）的 JavaScript 函数处理。发送的数据是我通过组合来自输入字段的数据创建的自定义 JSON 对象。我在下面创建了一些虚拟代码来展示这个想法：

<form method="post" v-on:submit.prevent>
    <input name="emailAddress" v-model="emailAddress" autocomplete="email"/>
    <button type="submit" v-on:click="submit()">Submit</button>
</form>

submit: function(){
    var jsonObject = {testValue : this.emailAddress +"123"};
    axios.post(MY_URL, jsonObject)
        .then(response => {
            ...
        })
        .catch(error => {
            ....
        })
}

提交一次并重新加载页面后，我希望最近的电子邮件输入会在电子邮件输入字段中显示为建议，但这并没有发生。我的猜测是这不会发生，因为我没有使用 multipart/form-data 提交带有电子邮件输入的表单。

按照我的方式提交表单时，有什么方法可以更新浏览器的自动完成/自动填充？

【问题讨论】：

标签： javascript vue.js autocomplete axios autofill

【解决方案1】：

您需要指定输入字段type="email"的type

注意：自动完成属性适用于以下类型：文本、搜索、url、电话、电子邮件、密码、日期选择器、范围和颜色。

【讨论】：

【解决方案2】：

试着把它放在你的表单中

autocomplete="on"

https://www.w3schools.com/tags/att_input_autocomplete.asp

【讨论】：