フォームの情報をユーザーに変更させずに表示したいですか？WPFormsでは、任意のフィールドを読み取り専用にすることができます。
このチュートリアルでは、フォームビルダーで読み取り専用オプションを有効にする方法を紹介します。
フィールドの読み取り専用を有効にする
まず、ビルダーでフォームを開き、読み取り専用にしたいフィールドをクリックします。次に、フィールドオプションパネルの詳細タブを開き、読み取り専用設定をオンに切り替えます。
一度有効にすると、フィールドはフォーム上に表示されたままになりますが、ユーザーはその値を変更することはできません。
読み取り専用フィールドの使用例
読み取り専用フィールドは、次のようなさまざまな場面で役立つ：
- 入力済みデータの表示:例えば、次のようなスマートタグを挿入できます。
{user_email}または{user_display_name}ユーザが値を編集できないように、ユーザのアカウント詳細を表示します。 - 計算された合計の表示フォームで計算された値 (注文合計や得点など) を読み取り専用フィールドに表示することができます。
- 確認フォーム：送信前にユーザーが情報を変更することなく確認できます。
- ロールベースの制限：条件付きロジックと読み取り専用フィールドを組み合わせることで、特定のユーザーにはデータの閲覧のみを許可し、他のユーザーには編集を許可します。
読み取り専用フィールドのフロントエンドでの見え方
フロントエンドでは、読み取り専用のフィールドは灰色で表示されるか、無効のスタイルで表示されます。このスタイリングは、クラシックとモダンの両方のフォームテーマ、およびGutenbergやDiviのようなページビルダーで機能します。
フィールドがロックされていても、その値はフォーム入力と一緒に送信されます。
注: 読み取り専用フィールドをプログラムで管理したい場合、WPFormsはフィールドをロック、ロック解除、トグルするメソッドを備えたJavaScript APIを提供します。詳細については、JavaScript APIを使用した読み取り専用フィールドの開発者ガイドを参照してください。
以上です！これでWPFormsでフィールドを読み取り専用に設定する方法がわかりました。
次に、自動的にフィールドに事前入力したいですか？フォームフィールドにデフォルト値を追加する方法についてのチュートリアルをご覧ください。