Отключение авто-заполнения в текстовых полях формы

Небольшая, но очень полезная вещь - управление авто-заполнением в полях. При создании обычных форм обратной связи или других не часто используемых один пользователем форм, на этот нюанс мало кто обращает внимание. Настоящей проблемой "полезный функционал" авто-заполнения может стать на странице, с которой пользователь работает часто, внося множество разнообразных данных. В такой ситуации, постоянно выскакивающие поля начинают раздражать, а на их закрытие приходится тратить время и внимание.

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

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

Управление авто-заполнением одного текстового поля

А управлять этой функцией очень просто. Для этого используется параметр "autocomplete", принимающий два значения "on" (включено) или "off" (отключено). Соответственно, в примере, первое поле будет предлагать в списке вводимые ранее значения, а второе поле никаких списков выводить не будет:

<input name="my_text_1" type="text" autocomplete="on">
<input name="my_text_2" type="text" autocomplete="off">

Отключение авто-заполнения всех полей формы

Чтобы не описывать атрибут "autocomplete" для каждого поля по отдельности (их ведь может быть и много), имеется возможность указать это правило для всей формы сразу. Для этого, указывает этот же параметр не для компонента input, а для form (формы).

<form autocomplete="off">
    <input name="my_text_1" type="text">
    <input name="my_text_2" type="text">
</form>

Такой подход позволит упростить указание, где нужно авто-заполнение, а где нет. Отключив у всей формы, можно включить его для отдельных полей.

<form autocomplete="off">
  <input name="my_text_1" type="text">
  <input name="my_text_2" type="text" autocomplete="on">
</form>