### [フォームフィールドのブラウザオートコンプリートを無効にする方法](https://wpforms.com/developers/disable-browser-autocomplete-for-form-fields/)

**公開日:** 2019年10月11日
**著者:** Umair Majeed

**概要:** このチュートリアルでは、フォームフィールドでのブラウザのオートコンプリート機能を無効にする方法をご紹介します。

**内容:**

ブラウザによるフォームフィールドの自動入力機能を防止したいですか？ブラウザのオートコンプリートは便利ですが、ユーザーに手動で情報を入力してもらう必要がある場合もあります。

このガイドでは、PHPコードスニペットを使用して、特定のフォームやフィールドのオートコンプリート機能を無効にする方法をご紹介します。

オートコンプリートの制限を実装する前に、以下の点を理解しておくことが重要です：

- 通常、ブラウザの設定はHTML属性やJavaScriptよりも優先されます
- `autocomplete="off"` 属性は、ブラウザに対して設定を通知するものです
- 最近のブラウザは一般的にこの設定を尊重しますが、一部では上書きされる場合があります
- ブラウザごとの対応状況は異なります（[MDN互換性チャート](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#browser_compatibility)をご確認ください）

## フォームの設定

まず、フォームを作成し、フォームフィールドを追加する必要があります。これに関するサポートが必要な場合は、[最初のフォームの作成方法](https://wpforms.com/docs/creating-first-form/ "How to Create Your First Form")に関するガイドをご覧ください。

## オートコンプリートの無効化

オートコンプリートは無効化は、フォーム全体に対して行うことも、特定のフィールドに対して行うこともできます。それぞれの方法をご紹介します：

#### フォーム内のすべてのフィールドでオートコンプリートを無効化する

#### 特定のフィールドでオートコンプリートを無効化する

以下のスニペットは、**Email**フィールドを具体的に対象としています。別のフィールドタイプを対象にする場合は、フィルター（`wpforms_field_properties_email`）を調整する必要があります。

上記のコードスニペットを使用する際は、ご自身のフォームおよびフィールドIDに合わせて更新することを忘れないでください。これらのIDの探し方については、[フォームIDとフィールドIDの特定方法](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "フォームIDとフィールドIDの特定方法")のガイドをご参照ください。

autocomplete属性に関する背景情報や無効化の方法については、[MDNのドキュメント](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion "MDN Documentation")をご覧ください。

autocomplete属性の背景や無効化の方法については、[Mozillaの公式ドキュメント](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion)をご覧ください。

これで、WPFormsのブラウザオートコンプリートを無効化するために必要な手順はすべて完了です。 次に、クラシックエディタ上の**「フォームを追加」**ボタンを無効にしたいですか？[TinyMCEエディタから「フォームを追加」ボタンを削除する方法](https://wpforms.com/developers/remove-add-form-button-from-tinymce-editor/ "TinyMCEエディタから「フォームを追加」ボタンを削除する方法")に関するチュートリアルをお試しください。

## 参考フィルター

- [wpforms\_field\_properties](https://wpforms.com/developers/wpforms_field_properties/ "wpforms_field_properties フィルターの使用方法")
- [wpforms\_frontend\_form\_atts](https://wpforms.com/developers/wpforms_frontend_form_atts/ "wpforms_frontend_form_atts フィルターの使用方法")

**カテゴリ:** 機能拡張

**タグ:** PHP

---