[Tips] Filling a web form using Snippets

You have tedious web forms to fill every day or every week? Some smart forms and browsers will memorize all or part of the info you entered in a previous session. But what if not? Lets make some fun out of it and fill your web form in a snap with Quick Access Popup!

In this tutorial, you will learn how to

  • create a Snippet of type Macro;
  • enter the instructions to fill the form automatically;
  • set a trigger to launch your snippet with an hotstring.

Creating the Macro Snippet

We will create a Macro Snippet that will fill every field of your form with the info you have to enter time after time.

1) Add a new favorite of type Snippet.

2) Give it a distinctive name (in this example Example Filling a web form).

3) Copy the following codes in the Content field (I will explain these codes below). Do not press Enter or insert Spaces between these codes. Just copy it in one piece.

Jean Lalonde{Tab}Support@QuickAccessPopup.com{Tab 2}{Space}{Tab 2}{Down}{Tab}{Down 2}{Space}{Tab}This is the message...{Tab}

This code has been tested on Google Chrome and Firefox. It should work as well with other browsers. Some system may need the snippet to be executed slowlier. See the tips at the end.

4) Go to the Advanced Settings tab and select Macro mode.

5) Finally, in the text zone Prompt before launching the snippet, enter Select the NAME input box.

6) Click Add and Save & Close to save your new favorite.

Using the macro snippet

1) Before launching your snippet, open this web form: Example - Filling a web form using Snippets.

2) Launch your favorite Example Filling a web form.  QAP will prompt you to select the first field of the form and to press Enter or Space. Do it and... Voilà!

3) When the script is finished, the form is entirely filled as below and the Submit button has the focus, ready to be hit to send the form!

(click to enlarge)

 

Now, let's see what each code is doing...

Code Action
Jean Lalonde Type a name in the selected field (the field that has the focus when the snippet is launched).
{Tab} Jump to the next field.
Support@QuickAccessPopup.com Type a email address in the field.
{Tab 2} This sends 2 Tab keys to the form. The first one will go to the First Choice and the second one will go to the Second Choice. No checkbox is checked yet.
{Space} Select the Second Choice checkbox.
{Tab 2} Move the focus to the Dropdown field.
{Down} Select the Second Choice in the drop down list.
{Tab} Move to the first of the Radio button options.
{Down 2} Move to the Third Choice.
{Space} Select the Third Choice.
{Tab} Select the Message text area.
This is the message... Type the message.
{Tab} Select the Submit button (but does not press it).

Tips

  • When creating a real-life macro snippet, fill your form using only your keyboard (tab and space are your best friends). If you need to back-tab, enter {Shift}{Tab}. Take note of these keys and add them to your snippet.
  • If you need to slowdown the execution of your snippet because, for example, the browser is too slow and miss some keys, or just to help see your snippet in action, insert this code at the beginning of your snippet: {&SetKeyDelay:50}. This insert a 50 milliseconds delay between each key. Increase the number if required.
  • You can insert a lot of other keys (like Home, Control, etc.). See the FAQ page listing the special keys supported by QAP.
  • See also the FAQ page about Macro Snippet.

Please use the new QAP Support Google Group to ask questions or post comments.