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

Question

Сергей Соколов @sergiks

♬♬

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

Веб сервис, которым 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 – не помогло клиенту.