URL Query Param Field Defaults Chrome Extension

URL Query Param Field Defaults Chrome Extension

URL Query Param Field Defaults Chrome Extension automatically sets values for input fields and textareas on any webpage based on the query parameters in the URL. Each query parameter key is treated as a CSS selector, and its value is applied to the matching element(s) on the page.

- Supports dynamic and single-page applications (SPA).
- Works for all input and textarea fields.
- Popup UI lets you restrict the extension to specific domains or URL patterns.
- Right-click context menu lets you add the current field value to the URL as a query parameter.
- No configuration required—just add query parameters to the URL and the extension does the rest.

Examples

1. Set an input field value by name

URL:
[email protected]" rel="nofollow noopener" target="_blank">https://example.com?input[name=email]=[email protected]

Result:
- The input field with `name="email"` will be set to `[email protected]`.

2. Set a textarea value by ID

URL:
https://example.com?textarea#bio=Hello%20World

Result:
- The textarea with `id="bio"` will be set to `Hello World`.

3. Set multiple fields at once

URL:
[email protected]&input[name=username]=alice&textarea#bio=Hello%20World" rel="nofollow noopener" target="_blank">https://example.com?input[name=email]=[email protected]&input[name=username]=alice&textarea#bio=Hello%20World

Result:
- The input field with `name="email"` will be set to `[email protected]`.
- The input field with `name="username"` will be set to `alice`.
- The textarea with `id="bio"` will be set to `Hello World`.

4. Use a class selector

URL:
https://example.com?input.my-class=Some%20Value

Result:
All input fields with class `my-class` will be set to `Some Value`.

5. Use the popup to restrict domains

- Open the extension popup and add allowed domains or URL patterns.
- Only pages matching those patterns will be affected by the extension.

6. Use the context menu to add a field value to the URL

- Right-click any input or textarea and choose "Set this value in the URL" to add its value as a query parameter for future visits.

Source code for this extension is here: https://github.com/paulb896/url-query-param-field-defaults-chrome-extension.