ブラウザがフォームフィールドに自動入力しないようにしたいですか？ブラウザのオートコンプリートは便利ですが、ユーザーが手動で情報を入力する必要がある場合もあります。
このガイドでは、PHPコードスニペットを使って特定のフォームやフィールドのオートコンプリート機能を無効にする方法を紹介します。
オートコンプリートの制限を実装する前に、理解しておくことが重要です：
- ブラウザの設定は通常、HTMLの属性やJavaScriptよりも優先されます。
- について
autocomplete="off"属性は、ブラウザにあなたの好みを知らせる - モダンブラウザは一般的にこの設定を尊重しますが、上書きするブラウザもあります。
- ブラウザのサポートは様々です。
フォームの設定
まず、フォームを作成し、フォームフィールドを追加する必要があります。この作業でヘルプが必要な場合は、最初のフォーム作成ガイドをご覧ください。
オートコンプリートを無効にする
オートコンプリートを無効にするには、フォーム全体または特定のフィールドのいずれかを指定します。ここでは両方のアプローチを紹介します：
フォームのすべてのフィールドのオートコンプリートを無効にする
特定のフィールドのオートコンプリートを無効にする
以下のスニペットは 電子メール フィールドを使用します。別のフィールド・タイプをターゲットにするには、フィルター(wpforms_field_properties_email)を調整する必要がある。
上記のスニペットのいずれかを、あなた自身のフォームとフィールドのIDに合わせて更新することを忘れないでください。これらのIDを見つけるのに助けが必要な場合は、 フォームとフィールドのIDを見つけるガイドをご覧ください。
オートコンプリート属性の背景やオフにする方法については、MDNのドキュメントを参照してください。
WPForms でブラウザのオートコンプリートを無効にするために必要な設定は以上です。次に、クラシックエディタの「フォームを追加」ボタンを無効にしたいですか？TinyMCE エディタから "フォームを追加" ボタンを削除する方法 のチュートリアルを試してみてください。