Selectors Simplified
Use plain English to interact with web pages — no code skills required!
✨ What is this?
This tool lets you select parts of a web page (like buttons, inputs, links) by typing simple labels like:
$(button)-Login
$(input)-Search
$(link)-Home
You don’t need to know any HTML or CSS — just describe what you see.
✨ The Format
Use this structure:
$(type)-text
- (type) is the kind of thing you’re looking for (button, input, link, etc.)
- text is the visible label you see on the screen
✨ Examples
| What you want to click or fill in | What you should type |
| A button that says “Login” | $(button)-Login |
| A search bar with placeholder “Search” | $(input)-Search |
| A link that says “Forgot Password?” | $(link)-Forgot Password? |
| A button that looks like a link and says “Continue” | $(button)-Continue |
| A checkbox labeled “Subscribe” | $(label)-Subscribe |
✅ Supported Types
| Type | What it matches |
| button | Any button, clickable link, input, or element that looks like a button |
| input | Any form field: input boxes, search bars, labeled fields |
| link | Clickable links (<a> tags) or elements that behave like links |
| label | Label text associated with an input |
| div | Any container (div) with visible text |
| span | Inline text elements (span) |
| any | Searches any element with that text (fallback option) |
✅ Smart Matching
This tool is smart — even if something looks like a button, but is actually a link or a styled box, it’ll still find it.
So:
- $(button)-Login will match things like:
- <button>Login</button>
- <a href=”/login”>Login</a>
- <div role=”button”>Login</div>
- <button>Login</button>
Same for inputs and links.
❌ What won’t work
- Typos in the format: button-Login or Login-button ❌
- Misspelled text: $(button)-Logn ❌
- Invisible or hidden elements (text must be on screen)
- If the element is present but doesn’t contain the exact word — e.g., $(button)-Log won’t match “Login Now” (unless fuzzy matching is added)
💬 Common Questions
Q: What if I don’t know the type?
Try using $(any)-text, like $(any)-Start now.
Q: What if I want to click the second “Login” button?
Currently, Simplified Selectors only grabs the first match, but you can use normal CSS selectors and xpath as well!
Q: Do I need to match capitalization?
No! You can use lowercase: $(button)-login works the same as $(button)-Login.
✨ Advanced Tips
- To target something with extra spacing or icons, just use the main words:
$(button)-Start, $(button)-Submit Form
Need Help?
If you’re unsure what to type, just:
- Look at the element on the screen.
- Ask yourself: Does it look like a button? A field? A link?
- Grab the main word you see.
- Type it like $(button)-Continue