AI要約
ブラウザのフォームフィールドの自動入力を防ぎたいですか？ブラウザのオートコンプリートは便利ですが、ユーザーに手動で情報を入力してもらいたい場合もあります。
このガイドでは、PHPコードスニペットを使用して、特定のフォームまたはフィールドのオートコンプリート機能を無効にする方法を説明します。
オートコンプリートの制限を実装する前に、次のことを理解しておくことが重要です。
- ブラウザの設定は通常、HTML属性とJavaScriptよりも優先されます
autocomplete="off"属性は、ブラウザにあなたの希望を伝えます- 最新のブラウザは一般的にこの設定を尊重しますが、一部のブラウザはこれを上書きする場合があります
- ブラウザのサポートは異なります（MDN互換性チャートを確認してください）
フォームの設定
まず、フォームを作成し、フォームフィールドを追加する必要があります。これについてヘルプが必要な場合は、最初のフォームの作成に関するガイドを確認してください。
オートコンプリートの無効化
フォーム全体または特定のフィールドのオートコンプリートを無効にすることができます。両方の方法を以下に示します。
フォーム内のすべてのフィールドのオートコンプリートを無効にする
特定のフィールドのオートコンプリートを無効にする
以下のスニペットは、メールフィールドを対象とします。別のフィールドタイプを対象とする場合は、フィルター（wpforms_field_properties_email）を調整する必要があります。
上記のいずれかのスニペットを、ご自身のフォームとフィールドIDに合わせて更新してください。これらのIDを見つけるのにヘルプが必要な場合は、フォームとフィールドIDの見つけ方に関するガイドをご覧ください。
オートコンプリート属性の背景と無効化のアプローチについては、MDNのドキュメントを参照してください。
これで、WPFormsのブラウザオートコンプリートを無効にするために必要なすべてが揃いました。次に、クラシックエディターのフォームの追加ボタンを無効にしたいですか？TinyMCEエディターから「フォームの追加」ボタンを削除する方法のチュートリアルをお試しください。