Как я могу обновить автозаполнение / автозаполнение при отправке формы с помощью пользовательской функции JavaScript?

Question

Я создал приложение Vue с формой.Когда пользователь нажимает кнопку «Отправить», отправка обрабатывается функцией JavaScript, которая отправляет запрос Ajax (с использованием Axios).Отправленные данные - это пользовательский объект 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.

Есть ли способ обновить автозаполнение / автозаполнение браузера при отправке формы, как я делаю?

Answer 1

Вам необходимо указать type для поля ввода type="email"

Примечание: Атрибут автозаполнения работает со следующими типами: текст, поиск, URL, телефон, электронная почта, пароль, указатели даты, диапазон и цвет.

Answer 2

попробуйте указать это в форме

autocomplete="on"

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