DEV Community

Alexandre Plennevaux
Alexandre Plennevaux

Posted on

Hide the 1password button on a form field

1Password icon, uninvited

As a web developer, I sometimes have a field in a form (e.g. inside a CMS) where it makes no sense for 1Password to pop up.

So, to prevent 1password browser extension from showing the 1Password icon on a form field, simply add this attribute:



data-1p-ignore


Enter fullscreen mode Exit fullscreen mode

Example:



<input type="email" id="email" name="email" autocapitalize="none" autocorrect="off" spellcheck="false" required  placeholder="Enter your email address..." >


Enter fullscreen mode Exit fullscreen mode

source: 1password's (angry) forum.

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay