Как восстановить автозаполнение браузером после смены разметки?

Веб сервис, которым 7 лет люди пользовались, вводили данные.
Недавно переписали его на VueJS, разметка вся поменялась.

И тут пишет пользователь. Говорит, я через вас прогнал уже несколько тысяч музыкальных треков из своей библиотеки. И раньше начинал вводить название — и браузер предлагал автозаполнение, если такой трек уже был раньше. Или такой исполнитель.

Т.е. чел использовал свой браузер с его запоминанием автозаполнения, как своего рода учёт того, какие треки прогнал, какие ещё нет. И вот после смены разметки сервиса, вся его «работа» пропала, он очень расстроен. Возможно, он не один такой, полагавшийся на автозаполнение его браузером.

В старой разметке, например, было примерно так:
<form action="process.php">
  <label>Title the video:</label>
  <input type="text" id="title" maxlength="100">
  <!-- ... -->
</form>


В новой стало рендериться так:
<label data-v-795daf56="" for="11title">Title the video:</label>
<input data-v-795daf56="" type="text" maxlength="100" id="11title">
Vue-template этого фрагмента
<label :for="id + 'title'">Title the video:</label>
    <input
      v-model="title"
      type="text"
      maxlength="100"
      :id="id + 'title'"
      ref="inputtitle"
    >

Тут и id инпута динамически генерится на основе id Vue-компонента, и модель привязана.

Вопрос: как браузеры ассоциируют варианты автозаполнения с input'ом? По id, name (отсутствовал)? Влияют ли внешние теги: обёрнут ли инпут в form? Где пишут об этом?

Что пробовал.
1. оборачивать в тег form – не влияет. Например, поле <input type="text" name="Email">предлагает автозаполнение моими ранее введёнными где-то на других сайтах моими адресами. И под VueJS и в голом HTML.
2. установить тот же старый фиксированный id элементу input – не помогло клиенту.
  • Вопрос задан
  • 107 просмотров
Пригласить эксперта
Ответы на вопрос 1
@kyzinatra
https://www.w3schools.com/tags/att_input_autocompl...
Здесь все о нужном тебе аттребуте.
Должно помочь.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы