Description from extension meta
A Chrome extension that reads URL query parameters and applies them as CSS selectors to set values on the page.
Image from store
Description from store
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.
Statistics
Installs
1
history
Category
Rating
0.0 (0 votes)
Last update / version
2025-09-09 / 1.0
Listing languages
en