Charles
  • Introduction
    • 👋Welcome
  • Getting started
    • Quickstart guide
  • Opening actions
    • Popup, side bar and modal options
    • Trigger the extension with a floating button
    • Open the extension automatically on specific URLs
  • Key features
    • Features overview
    • Open website on install / uninstall
    • Get tab info
    • Get text selected by user
    • Get element text
    • Get element HTML
    • Set element inner text
    • Set element inner HTML
    • Open URL in sidebar modal
    • Open URL in fullscreen modal
    • Copy text to clipboard
    • Populate an input field
    • Simulate mouse click on an element
    • Capture screenshot
    • Open URL in new tab
    • Show native alert
    • Set an extension badge color and text
    • Change extension icon
    • Close extension
    • Save to Chrome storage
    • Injecting custom javascript
  • Extending Charles
    • Extending Charles with your own Javascript
  • Publishing to the Chrome Webstore
    • Prepare extension for submission
    • Registering as a Chrome Webstore developer
    • Publishing your extension
  • FAQ
    • Common questions
  • Troubleshooting
    • Charles Data Elements do not receive any values
    • Cannot log in (cookie issues)
    • Support
Powered by GitBook
On this page
  1. Key features

Populate an input field

PreviousCopy text to clipboardNextSimulate mouse click on an element

Last updated 5 months ago

Use the action Charles: Populate input field workflow action and give it:

  • A text value to populate the input with

  • A CSS selector to select the input you want to populate

  • Please note that Charles will automatically select the first element that matches the selector.

Learn more about CSS selectors:

https://www.w3schools.com/jsref/met_document_queryselector.asp
https://www.w3schools.com/css/css_selectors.asp
https://www.w3schools.com/cssref/css_selectors.php