Auto-fill web forms with a keyboard shortcut

Auto-filling web forms with a keyboard shortcut can significantly speed up your browsing experience, especially if you frequently fill out the same types of forms. Here’s how to set this up using different tools and platforms:

1. Using Browser Autofill Settings

Google Chrome

Chrome has a built-in autofill feature:

• Set Up:

  1. Go to Settings > Autofill.

  2. Configure Addresses and more or Payment methods.

• Use Shortcut:
  When focused on a form field, use:

  • Windows/Linux: Alt + ↓ or click the field to select suggestions.

  • Mac: ⌥ Option + ↓.

While Chrome doesn’t support a global shortcut to autofill an entire form, individual fields can be completed quickly using arrow keys and Enter.

Mozilla Firefox

• Set Up:
  Settings > Privacy & Security > Forms and Autofill

• Use:
  Start typing in a field, then use the ↓ arrow key and Enter to auto-select.

2. Use a Password Manager (e.g., Bitwarden, LastPass, 1Password)

Most modern password managers support autofill with a shortcut.

Bitwarden

• Shortcut:

  • Windows/Linux: Ctrl + Shift + L

  • macOS: Cmd + Shift + L

• This shortcut autofills the login or data for the current site.

1Password

• Shortcut:

  • Use Cmd + (Mac) or Ctrl + (Windows) for autofill.

• Can also autofill addresses and credit cards depending on your stored vault items.

LastPass

• Shortcut:

  • Alt + W (Windows) to trigger the autofill menu.

These tools can fill entire forms (logins, addresses, credit cards) with one shortcut.

3. Using Text Expansion Tools

Text expansion tools can insert predefined blocks of text with shortcuts.

Windows

• AutoHotkey:
  A powerful scripting tool. Example script:

  autohotkey
  CopyEdit
  ::addr::
  123 Main Street, Springfield, IL 62704
  

  When you type addr and press space, it expands into your address.

Mac

• TextExpander or macOS Shortcuts:
  Go to System Settings > Keyboard > Text, and add custom text replacements.

Cross-platform Tools

• Espanso (Open-source): Supports rich snippets and is customizable.

• PhraseExpress: Supports forms, dropdowns, and logic.

4. Using Browser Extensions for Custom Autofill

Autofill by Tohodo (Chrome/Firefox)

• Customize rules for different websites.

• Set a hotkey to autofill all fields at once.

• Configure shortcuts under the extension settings.

Form Filler Extensions

• Automatically fill all inputs with dummy or preset data.

• Good for testing or repetitive form entry.

5. Automate with JavaScript Bookmarklets

For developers or advanced users, create a bookmark with the following JavaScript code:

javascript
CopyEdit
javascript:(function(){
  document.querySelectorAll('input').forEach(el => el.value = 'Sample');
})();

When run, this fills every input field on the page with “Sample”. Customize as needed.

6. Use macOS Automator or Windows PowerToys

macOS Automator

• Create workflows or Quick Actions that paste form data.

• Bind to a keyboard shortcut using System Preferences > Keyboard > Shortcuts.

Windows PowerToys

• PowerToys has a Text Extractor and Keyboard Manager.

• Use tools like Power Automate to script and assign autofill actions.

Best Practices for Autofill Automation

• Security: Don’t store sensitive information without encryption.

• Site Compatibility: Some sites disable autofill via autocomplete="off"; extensions or scripts may be needed.

• Privacy: Use browser profiles or containers if sharing devices.

Conclusion

You can automate form-filling with minimal effort using browser features, password managers, text expanders, or browser extensions. If your workflow is repetitive or business-oriented, consider tools like AutoHotkey or Espanso for even more customization. Using a keyboard shortcut to autofill can save time, reduce errors, and streamline online interactions.