Space Base Space Base
+7 928 008-80-89
ru
  • en
  • es
  • Главная
  • Услуги
  • Портфолио
  • Библиотека
  • Контакты
  • Главная
  • Услуги
  • Портфолио
  • Библиотека
  • Контакты
  1. Библиотека
  2. HTML, CSS, jQuery
  3. Отключение авто-заполнения в текстовых полях формы
logo

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

28.02.2017

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

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

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

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

А управлять этой функцией очень просто. Для этого используется параметр "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>

Другие материалы:

Переключение radio кнопки и checkbox нажатием на подпись в HTML


Падающие снежинки на сайте


Отправка (submit) формы после выбора файла с оформлением input[file]


Написать комментарий

Комментарии

В комментариях запрещено публиковать рекламные материалы. Все сообщения оправляются на модерацию и будут опубликованы, если не нарушают правил сайта после проверки.


коммент.

Разработка сайтов

Корпоративный сайт
Интернет-магазин
Лендинг - одностраничный сайт
Сайт-визитка
Сайт-портфолио

Проектирование

Прототип, UX-дизайн

Дизайн

UI-дизайн
Логотип

+54 911 2801-4950

info@space-base.net
+7 928 008-80-89

Web-сайты для успешного бизнеса

Web-сайты для успешного бизнеса

Главная Услуги Портфолио События Библиотека Контакты
+7 928 008-80-89 Меню
Политика в отношении обработки персональных данных © Copyright 2014 - | Space-Base

Лучшее время начать свой проект - Сейчас!

Выбраны опции:

Отправить сообщение на:

Telegram WhatsApp

Отправляя сообщение, вы даете свое согласие на
обработку песональных данных