フィールドを読み取り専用に設定する

ユーザーが変更できないように、フォームに情報を表示したいですか？ WPFormsを使用すると、フィールドを読み取り専用に設定できるため、ユーザーは値を表示できますが、編集することはできません。

このチュートリアルでは、フォームビルダーで読み取り専用オプションを有効にする方法を説明します。

---

フィールドの読み取り専用を有効にする

開始するには、ビルダーでフォームを開き、読み取り専用にしたいフィールドをクリックします。次に、[フィールドオプション] パネルの [高度な設定] タブを開き、[読み取り専用] 設定をオンにします。

有効にすると、フィールドはフォームに表示されたままになりますが、ユーザーは値を変更できなくなります。

読み取り専用フィールドの使用例

読み取り専用フィールドは、次のようなさまざまなシナリオで役立ちます。

• 事前入力されたデータの表示: たとえば、{user_email} や {user_display_name} のようなスマートタグを挿入して、ユーザーが値を編集できないようにアカウントの詳細を表示できます。
• 計算された合計の表示: フォームが値を計算する場合（注文合計やスコアなど）、読み取り専用フィールドに表示できます。
• 確認フォーム: ユーザーが情報を変更せずに送信前に確認できるようにします。
• ロールベースの制限: 条件付きロジックと読み取り専用フィールドを組み合わせて、特定のユーザーはデータを表示できるだけで、他のユーザーは編集できるようにします。

フロントエンドでの読み取り専用フィールドの外観

フロントエンドでは、読み取り専用フィールドはグレー表示または無効としてスタイル設定され、変更できないことが明確になります。このスタイルは、クラシックテーマとモダンテーマの両方のフォーム、および Gutenberg や Divi のようなページビルダーで機能します。

フィールドがロックされていても、その値はフォームエントリと共に送信されます。

これで、WPForms でフィールドを読み取り専用に設定する方法がわかりました。

次に、フィールドを自動的に事前入力したいですか？ フォームフィールドにデフォルト値を追加する方法に関するチュートリアルをご覧ください。