How to disable 1Password in an input field
By Flavio Copes
Learn how to stop the 1Password icon from showing in an input field by adding the data-1p-ignore attribute, or by renaming the field name and id attributes.
To stop 1Password from showing its icon inside an input field, add the data-1p-ignore attribute to that input:
<input type="text" id="name" name="name" data-1p-ignore>
That’s the attribute 1Password itself looks for. Let me explain why the icon appears in the first place, and a second option if you’d rather not touch the markup.
Why does the icon show up?
If you have the 1Password extension enabled in your browser, it scans every form looking for fields it thinks it can fill: usernames, passwords, emails, credit cards.
The detection is based on heuristics. The extension looks at the field’s name, id, type, the label text, and so on.
I had this case with a field with name and id attributes set to name. 1Password thought this was a user name field, but I used it for a “project name” field.
The result: the 1Password icon rendered inside my input, on top of my design, and clicking near the edge of the field opened the 1Password suggestion popup instead of focusing the input.
The fix
Add data-1p-ignore to the specific input you want 1Password to leave alone. The icon disappears and the automatic suggestion goes away.
One thing to know: the attribute only removes the inline icon and the suggestions. A user can still fill that field manually from the extension menu if they really want to. That’s fine, we just don’t want the icon injected into the UI.

The workaround: rename the field
Before finding the attribute, I tried something else while working on localhost: change the name and id attributes to project_name, and the icon goes away.
This works because the heuristic no longer matches a “name” login field. It’s a non-optimal solution though. You’re renaming form fields to please a browser extension, and if the field name matters on the server side, you now have to update that too.
One thing that does not work: autocomplete="off". Password managers largely ignore it, and so do browsers in many cases. If your goal is to remove the 1Password icon, data-1p-ignore is the way.
Related posts about tools: