Функция Chrome «сохранить пароль» помещает имя пользователя в несвязанное поле

Question

У меня есть веб-приложение, написанное на HTML / PHP с экраном входа в систему. Если пользователь Chrome входит в систему и переходит на домашнюю страницу, браузер дает ему возможность сохранить пароль:

Некоторые из наших пользователей, которые нажали «сохранить», увидят, что их имя пользователя появится в поле, не имеющем отношения к функциональности входа в систему:

Поле ввода должно выглядеть следующим образом. Без значения вообще:

Это код для поля ввода:

<input type="text" id="searchInput" autocomplete="disabled" placeholder="Search..." > 

И, как и по другим вопросам, я попробовал каждое возможное решение, чтобы отключить любое автозаполнение этого поля через атрибут autocomplete, но не повезло.

Кроме того, такие решения, как создание поддельных скрытых полей, также не работали (очевидно, раньше это работало, но Google обнаружил эту практику и обошел ее)

Как я могу остановить Chrome от этого?

Edit: Мне удалось обойти эту проблему, установив поле изначально только для чтения:

<input type="text" id="searchInput" onfocus="this.removeAttribute('readonly');" readonly autocomplete="disabled" placeholder="Search...">

На самом деле мне не нужно было делать это для каждого поля. Но в соответствии с этим Google Chrome не слишком заботится о удобстве использования сложных веб-интерфейсов, подобных тем, которые используются в системах CRM:

Сложность здесь заключается в том, что где-то в пути веб-поиска автозаполнение становится выключенным по умолчанию для многих полей формы, без какой-либо реальной мысли о том, было ли это хорошо для пользователей. Это не означает, что есть не очень правильные случаи, когда вы не хотите, чтобы данные автозаполнения браузера (например, в системах CRM), но в целом мы рассматриваем их как случаи меньшинства. В результате мы начали игнорировать autocomplete = off для данных автозаполнения Chrome.

Значит, те из нас, кто работает над "делами меньшинств", обречены ли мы писать хаки, подобные описанным выше, чтобы Chrome не вставлял имя пользователя в случайном месте?

Answer 1

Вы пытались установить типы автозаполнения для полей входа в систему?Следующее может помочь Chrome обрабатывать эти поля, что, в свою очередь, должно помочь с полем поиска:

<label for="username">Username</label>
<input type="text" name="username" id="username"
  placeholder="Username" required autocomplete="username">

<label for="password">Password</label>
<input type="password" name="password" id="password"
  placeholder="Password" required autocomplete="current-password">

В этом руководстве разработчика Google по формам есть дополнительная информация о добавлении метаданных в поля ввода: https://developers.google.com/web/fundamentals/design-and-ux/input/forms/#use_metadata_to_enable_auto-complete