Автоматическая подстановка значения в поле ввода. Autofill: чего не знают веб-разработчики, хотя должны знать

Каждый день пользователям интернета приходится заполнять различные формы на сайтах, в интернет-магазинах. И это часто отнимает наше драгоценное время.

Возьмем, к примеру сайт одного туроператора. Как много полей, неправда ли?

Как много полей, неправда ли?

И надо сказать, что достаточно обременительно заходить в каждое и выбирать. Особенно, если приходится это делать несколько раз.

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



Sergey Nivens / Shutterstock.com

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

Особенности программы XWeb Human Emulator

  • Автозаполнение форм и текстовых полей.
  • Запись и повтор работы с любым элементом сайта.
  • Сбор, сравнение, хранение и отправка данных.
  • Есть встроенный планировщик задач, который можно запускать в назначенное вами время.
  • Во время работы можно свернуть ее в систрэй. Это никак не скажется на производительности других приложений.

Как видите, даже этого достаточно, чтобы назвать программу функционально богатой.

А теперь, я на примере покажу, как можно автоматизировать процесс заполнения формы на сайте.

Автозаполнение формы

В адресную строку (выделено желтым маркером). Ниже, в правой части окна программы, подгружается веб-страница с формой для поиска и бронирования туров.

2. Выбираем в главном меню раздел «Макрос» и нажимаем на «Запись». Тоже самое можно сделать, нажав горячие клавиши Ctrl+Shift+R . Теперь программа будет записывать все наши действия в отдельный макрос.

Статья по теме: Невыполнение сроков или отсутствие мотивации

3. После того, как мы заполнили на сайте форму поиска тура и получили результат выборки, нужно остановить запись макроса. В том же пункте меню «Макрос» нажать на «Остановить» или выполнить эту команду, нажав горячие клавиши Ctrl+Shift+S .

4. Теперь, если нужно повторить поиск тура по указанным ранее параметрам, достаточно нажать все одну кнопочку «Выполнить». Макрос за считанные секунды сам заполнит все поля и вы тут же получите результаты поиска.

Модуль поиска не установлен.

Надежда Баловсяк

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

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

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

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

IE Scripter

Сайт разработчика: www.iescripter.com
Размер дистрибутива: 1,2 Мб
Статус: Shareware

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

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

Кроме этого способа заполнения, вы можете сохранить в базе данных IE Scripter стандартный набор значений, который программа будет использовать при заполнении встреченных на веб-страницах форм. Эти параметры следует задать в окне настроек программы. Следует заметить, что набор стандартных параметров недостаточный, и их не всегда хватает для заполнения форм. Эти параметры можно загрузить из набора, сохраненного в настройках Internet Explorer. Кроме того, в программе отсутствует возможность редактирования списка ключевых слов, по которым определяется тип поля в веб-форме.

Программа обладает гибкими настройками. Настройки можно сохранить в специальном файле. Среди дополнительных возможностей программы можно отметить инструмент генерации паролей и просмотр cookies.

iNetFormFiller

Сайт разработчика: www.inetformfiller.com
Размер дистрибутива: 2,8 Мб
Статус: Shareware

После установки и обязательной регистрации программы iNetFormFiller в системном трее будет размещен ее значок.

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

В браузер Internet Explorer после установки программы встраивается дополнительная панель инструментов iNEtFormFiller.

Эта программа также умеет заполнять формы двумя способами - подставляя в поля на веб-странице сохраненные данные, либо сохраняя данные, которые были введены в формы на веб-странице. Для заполнения формы достаточно нажать кнопку Заполнить, и все данные будут сохранены в форме.

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

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

Еще один интересный инструмент, доступный в iNetFormFiller, позволяет записать каждое действие пользователя, выполняемое в браузере. В этом режиме работы программа запоминает не только заполненные поля, но и каждый щелчок по ссылке или кнопке. Можно запомнить практически любой набор действий, а потом просто воспроизвести его нужное количество раз, изменяя, при необходимости, некоторые параметры.

Следует отметить гибкие возможности настройки программы. Для каждой страницы программа позволяет задать свои собственные настройки, включающие различные опции сохранения и заполнения. Благодаря функциям экспорта и импорта настроек и сохраненных профайлов базу данных программы можно перенести на другой компьютер.

RoboForm

Сайт разработчика: www.roboform.com
Размер дистрибутива: 1,8 Мб
Статус: Shareware

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

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

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

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

Следует отметить широкие возможности настройки программы. Например, RoboForm позволяет полностью настроить состав контекстного меню Internet Explorer, также доступна настройка комбинаций клавиш, применяемых программой для заполнения форм.

WebM8

Сайт разработчика: www.m8software.com
Размер дистрибутива: 1,59 Мб
Статус: Shareware

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


Чтобы создать в Word форму, которую смогут заполнять другие люди, начните с шаблона и добавьте к нему элементы управления содержимым. К таким элементам относятся, например, флажки, текстовые поля, элементы выбора даты и раскрывающиеся списки. Если вы знакомы с базами данных, вы можете даже связывать элементы управления содержимым с данными.

Создание заполняемых форм начинается с шести основных шагов. Рассмотрим эти шаги по порядку.

Шаг 1. Отображение вкладки "Разработчик".

Шаг 2. Открытие шаблона или документа, на основе которого будет создана форма

Чтобы сэкономить время, за основу для формы можно взять шаблон. Если хотите начать с нуля, возьмите пустой шаблон.

Создание формы на основе шаблона

    Щелкните вкладку Файл .

    Щелкните Создать .

    В поле Поиск шаблонов в сети введите тип формы, которую вы хотите создать, и нажмите клавишу ВВОД.

    Щелкните шаблон формы, который вы хотите использовать, а затем нажмите кнопку Создать .

Использование пустого шаблона

    Щелкните вкладку Файл .

    Нажмите кнопку Создать .

    Выберите Новый документ .

Шаг 3. Добавление содержимого в форму

На вкладке Разработчик нажмите кнопку Режим конструктора и вставьте нужные вам элементы управления.

Примечание: Форму с элементами управления содержимым можно распечатать, однако поля вокруг них напечатаны не будут.

Вставка элемента управления текстом, куда пользователи могут вводить текст

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

Вставка элемента управления "рисунок".

Элемент управления "рисунок" часто используется в шаблонах, однако его можно добавить и в форму.

    Щелкните в том месте, где вы хотите вставить элемент управления.

    На вкладке Разработчик щелкните Элемент управления содержимым "рисунок" .

Чтобы задать свойства элемента управления, см. .

Вставка элемента управления "стандартный блок"

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

Элементы управления "стандартный блок" также можно использовать в формах.

Чтобы задать свойства элемента управления, см. .

Вставка поля со списком или раскрывающегося списка

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

Вставка элемента управления "выбор даты"

    Щелкните в том месте, где нужно вставить элемент управления "выбор даты".

    На вкладке Разработчик щелкните Элемент управления содержимым "выбор даты" .

Чтобы задать свойства элемента управления, см. .

Вставка флажка

    Щелкните в том месте, где нужно вставить элемент управления "флажок".

    На вкладке Разработчик щелкните Элемент управления содержимым "флажок" .

Чтобы задать свойства элемента управления, см. .

Шаг 4. Установка или изменение параметров элементов управления содержимым

У каждого элемента управления содержимым есть параметры, которые можно установить или изменить. Например, для элемента управления "Выбор даты" вы можете выбрать различные форматы отображения даты.

    Щелкните элемент управления содержимым, который вы хотите изменить.

    На вкладке Разработчик щелкните Свойства и измените свойства нужным вам образом.

Шаг 5. Добавление в форму пояснительного текста

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

    На вкладке Разработчик нажмите кнопку Режим конструктора .

    Щелкните элемент управления содержимым, у которого вы хотите изменить замещающий пояснительный текст.

    Отредактируйте и отформатируйте замещающий текст.

    На вкладке Разработчик нажмите кнопку Режим конструктора , чтобы отключить возможность конструирования и сохранить пояснительный текст.

Примечание: Не устанавливайте флажок Содержимое нельзя редактировать , если хотите, чтобы пользователи формы заменяли пояснительный текст своим собственным.

Шаг 6. Защита формы

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

    Откройте форму, которую хотите заблокировать или защитить.

    Щелкните Главная > Выделить > Выделить все или нажмите сочетание клавиш CTRL+A.

    Щелкните Разработчик > Ограничить редактирование .

    После выбора ограничений нажмите кнопку Да, включить защиту .

Совет: При желании вы можете проверить форму, перед тем как распространять ее. Откройте и заполните форму, а затем сохраните ее копию в нужном месте.

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

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

Для решения поставленной задачи требуется выполнить следующие действия:[ Реализация этого примера - небольшая база данных Заказы.mdb - есть на компакт-диске, который является дополнительным приложением к комплекту книг о Microsoft Office 2002 издательства "БХВ-Петербург" и распространяется отдельно. ]

  1. Создайте запрос, содержащий поле "Цена" из таблицы "Товары" и все поля из таблицы "Заказы". Сохраните его с именем "Заказано".
  2. Создайте форму "Заказы" на основе запроса "Заказано".
  3. Поместите в форму элемент управления Список, связанный с полем "НаименованиеТовара" источника данных формы.

Замечание

Это можно выполнить с помощью окна Список полей (Filed List) (см. гл. 5), предварительно указав в режиме Конструктора таблицы "Заказы" для поля "НаименованиеТовара" на вкладке Подстановка (Lookup) значение Поле со списком (Combo Box) для свойства Тип элемента управления (Display Control) и имя таблицы "Товары" в качестве значения свойства Источник,строк (Row Source).

  1. Поместите в форму текстовые поля, связанные с полями "Количество" и "Сумма" источника данных формы.
  2. Для поля "Количество" в окне свойств раскройте вкладку События (Events). Для события После обновления (After Update) создайте процедуру обработки события (см. разд. "Динамическая фильтрация данных" этой главы) со следующим содержанием:

    Private Sub Количество_А£terUpdate()

    Сумма = Цена * Количество End Sub

Таким образом, после ввода значения в поле "Количество" в поле "Сумма" будет автоматически подставлена вычисленная стоимость заказа. А поскольку поле "Сумма" является присоединенным к одноименному полю в таблице "Заказы", вычисленное значение автоматически попадет в таблицу.