# 1Passwordでウェブサイトの入力フォームを一瞬で入力する方法

URL: https://webrandum.net/1password-form-auto-completion/
公開日: 2021-12-12
更新日: 2021-12-12
カテゴリー: 作業効率化
タグ: 1Password
出典: Webrandum（著者: サイトウ マサカズ）

本来であればパスワードを管理するためのサービスですが、1Passwordを使うことでお問い合わせフォームの項目を一瞬で入力できます。

## ウェブサイトからのお問い合わせ

自分の場合、ウェブサイトのお問い合わせフォームから定期的に問い合わせる必要があるのは歯医者の検診くらいですが、それでも毎回「名前」「メールアドレス」「住所」「電話番号」と入力していくのは地味に面倒です。

半年に1回くらいのペースで定期的に行うことが分かっているのでラクをしたいのと、この方法は1度PCから設定してしまえば、スマホアプリ版の1Passwordから呼び出してスマホでの入力も一瞬にできます。

住所の入力ってPCならまだ耐えられるのですが、スマホでの入力ってかなりしんどいです。

- URLが同じで定期的に入力する必要があるサイト

- 最初はPCで設定が必要

- 1度設定してしまえば、PCはもちろんスマホアプリ版の1Passwordを入れてスマホから簡単に一瞬で入力できる

## 自動入力の設定

1Passwordの［新規項目］→［ログイン］でログイン項目を作成します。

「ユーザー名」と「パスワード」は空にして、「ウェブサイト」にはお問い合わせフォームがあるページのURLを貼ります。

あとはその下の「セクション」部分にお問い合わせフォームの項目を設定していきます。

### セクション部分の設定

お問い合わせフォームのあるページを開き、右クリック→［検証（F12）］で開発者ツールを表示し、フォーム部分のタグを確認します。

![開発者ツールでフォーム部分の確認](https://webrandum.net/mskz/wp-content/uploads/2021/12/image_1-3.png) 

各項目の`name`属性を1Passwordの「ラベル」と同じ文字を入力し、その項目に入力したい値を「新規フィールド」に入力していきます。

![name属性と1Passwordラベルを合わせて入力する](https://webrandum.net/mskz/wp-content/uploads/2021/12/image_2-3.png)

ちなみに、`type`属性が`text`の場合はデフォルトの「T」のアイコンのままで問題ありませんが、`email`や`tel`など別の場合はそれに合わせた設定に切り替える必要があります。

| type属性 | 1Passwordの設定 |
| --- | --- |

| text | テキスト |
| --- | --- |

| email | メール |
| --- | --- |

| date | 日付 |
| --- | --- |

| password | パスワード |
| --- | --- |

| tel | 電話番号 |
| --- | --- |

| file | ファイル |
| --- | --- |

この開発者ツールで`name`属性を確認しての設定が必要なので、スマホではなくPCからでないと設定ができません。

入力がすべて完了したら保存して設定完了です。

## 設定した情報で入力する

### PCの場合

ウェブサイトのログインのときと同じ要領で使用できます。

ブラウザに1Passwordの拡張機能を入れて、お問い合わせフォームのあるページでショートカットキー（デフォルトはoption + command + \（バックスラッシュ））を入力するのが早いです。

ちなみに、自分の場合は左手だけで入力したいので、ショートカットキーをoption + command + `（チルダ）に変更しています。

ショートカットキーの変更は1Passwordの環境設定の［一般］タブにある「ログイン入力または 1Password を表示する」を変更すればOK。

![［一般］タブにある「ログイン入力または 1Password を表示する」](https://webrandum.net/mskz/wp-content/uploads/2021/12/image_3-3.png)

### SP（iOS）の場合

スマホアプリ版の1Passwordをインストールして、「パスワードの自動補完」機能を使えば一瞬で入力できます。

詳しくは[過去に記事](https://webrandum.net/ios-1password-auto-completion/)にしているのでそちらをご覧ください。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2020/08/eyecatch-6.jpg)iOSアプリ版の1Passwordで「パスワード自動補完」機能を利用するための設定https://webrandum.net/ios-1password-auto-completionデフォルトだとiPhoneのキーボード上部に「iCloudキーチェーン」に保存されてあるパスワードが表示されますが、ここに1Passwordの情報を表示させる方法を見つけたので、設定方法をまとめておきます。いままで1Passwordでこの機能が使えることを知らずに、アプリの場合は1Passwordアプリから持ってきたり、ブラウザの場合は「共有」メニューから1Passwordを開いていましたが、「パスワード自動補完」の方がはるかに便利です。1Passwordの「パスワード自動補完」機能の設定1PasswordのiOSアプリが入ってある状態で、「設定アプリ」の［パ...](https://webrandum.net/ios-1password-auto-completion)

## ウェブサイト上の入力が一瞬でできるようになる

わざわざ設定するのが面倒ですが、`input`タグ系はこの方法で設定すれば一瞬で入力できるようになります。

下記のような不満もありますが、それでも一瞬で入力されるのは爽快感があります。

- 「ログイン」ではないのにログイン項目として設定しないといけないのが違和感

- 設定するには開発者ツールからname属性をわざわざ確認する必要がある name属性が「myouzi」「zyuusyo」みたいに微妙な名前でも、サイトのname属性に合わせないといけない

- サイトの改修によってname属性が変わると修正が必要になる

定期的に入力しているようなサイトで、入力項目が多い場合はぜひ設定してみてください。