1Password のカスタムフィールドを autofill に利用する

1Password にはカスタムフィールドという機能があります。これを使うと、ログインのためのちょっとしたメモや、秘密の質問の答えなど、好きな情報を id/pass とともに記録できます。

秘密の質問の答えを記録している様子

ところでこのカスタムフィールドは、実はログインフォームなどの autofill に活用することもできます。

具体例

例えば以下のような HTML Form があると仮定します *1。

See the Pen by mizdra (@mizdra) on CodePen.

こうしたフォームがある時に以下のように 1Password を設定しておくと、所々の入力欄を autofill してくれます。

id:mizdra が調べた限りでは、以下の規則で「ラベル」や「新規フィールド」を設定しておくと、autofill してくれるようです。undocumented な機能だったので、正確な仕様は分かりません *2。

• ラベル: 以下のいずれかにマッチするもの
  • autofill したい入力欄のname属性の値に部分一致する文字列
  • autofill したい入力欄のid属性の値に部分一致する文字列
  • autofill したい入力欄に対応するlabel要素のテキストに部分一致する文字列
• 新規フィールド
  • autofill したい値 (value属性の値)

別解

実はカスタムフィールドとは別に、form の autofill 用の設定を記入する欄が 1Password に用意されています。非常に分かりにくいのですが、Mac 版の 1Password 7 では「保存済みのフォームの詳細を表示」 から、その入力欄を表示できます。

専用の入力欄があるならそっちを使えば良さそうと思いつつ、入力欄が下の方にあって使い勝手が悪そうな感じもして難しいですね。皆さんはどうしてますか?

*1:説明のために誕生年を要求するフォームを挙げていますが、勿論こういったログインフォームを作るべきではありません。

*2:1Password のブラウザ拡張機能のソースコードを見ればなにか分かるかも