WPFormsの標準フィールドタイプの完全ガイド

WPFormsで利用可能なフォームフィールドとその機能について疑問に思っていませんか?WPFormsには、フォームの作成と入力を簡単にするための多くのフィールドタイプがあります。

このチュートリアルでは、WPFormsで利用可能な標準フィールドについて説明します。

このフォームデモをお試しください!
ライカート尺度
反対するどちらでもない同意する
項目 #1
反対する
どちらでもない
同意する
項目 #2
反対する
どちらでもない
同意する
項目 #3
反対する
どちらでもない
同意する
ネットプロモータースコア
日付 / 時刻
署名をクリア

すぐに使えるフォームテンプレートから始めたいですか?カスタマイズ可能な求人応募アップロードテンプレートをご覧ください。


標準フィールド

標準フィールドは、すべてのWPFormsユーザーが利用できます。

WPFormsの標準フィールド

WPFormsの一部の標準フィールドのライブプレビューを以下に示します。

一行テキスト

一行テキストフィールドを使用すると、ユーザーは標準サイズの入力エリアに任意の文字を入力できます。

一行テキストフィールド

デフォルトでは、このフィールドに検証はありません。任意の数の文字と任意の文字タイプを使用できます。ただし、オプションで独自の入力マスクを作成したり、ユーザーが入力できる単語数または文字数を制限したりすることもできます。

段落テキスト

段落テキストフィールドは、ユーザーがテキストを入力するためのより大きなボックスを提供します。

段落テキストフィールド

デフォルトでは、このフィールドに検証はありません。任意の数の文字と任意の文字タイプを使用できます。ただし、オプションでユーザーが入力できる単語数または文字数を制限することもできます。

ドロップダウンフィールドは、ユーザーがクリックすると項目のリストを表示します。モダンまたはクラシックの2つの異なるスタイルオプションから選択することもできます。

ドロップダウンフィールド

必要に応じて、ドロップダウンから複数選択を有効にすることもできます。

WPFormsドロップダウンフィールドのカスタマイズ方法の詳細を確認したいですか?このフィールドタイプの使用方法に関するチュートリアルをご覧ください。

複数選択

複数選択フィールドを使用すると、ユーザーはオプションのリストから1つの項目を選択できます。必要に応じて、選択肢をランダム化したり、このフィールドに選択肢に画像を追加したりすることもできます。

複数選択フィールド

このフィールドタイプのすべての使用方法の詳細については、複数選択フィールドのカスタマイズ方法に関するチュートリアルを参照してください。

チェックボックス

チェックボックスフィールドを使用すると、ユーザーはオプションのリストから任意の数の項目を選択できます。このフィールドでは、必要に応じて選択肢をランダム化したり、選択肢に画像を追加したりすることもできます。

チェックボックスフィールド

公開されたフォームでのチェックボックスフィールドの外観を変更したいですか?チェックボックスフィールドのカスタマイズ方法に関するチュートリアルにすべての詳細が記載されています。

数値

数値フィールドを使用すると、ユーザーは数値値を入力でき、最小値と最大値の範囲を設定するオプションがあります。ホバーすると、入力フィールド内の矢印を使用して数値を1ずつ増減できます。

数値フィールド

範囲とデフォルト値の設定方法を含む、数値フィールドのカスタマイズの詳細については、WPFormsの数値フィールドの使用に関する完全ガイドをご覧ください。

名前

氏名フィールドは、名前のフォーマットに関するいくつかのオプションを提供します。一行、姓と名のサブフィールド、または名、ミドルネーム、姓のサブフィールドです。

氏名フィールド

名前フィールドのサブラベルをカスタマイズしたい場合は、特定のPHPコードスニペットを使用して行うことができます。この変更の適用方法については、開発者向けドキュメントをご覧ください。

Eメール

メールフィールドでは、ユーザーは有効なメールアドレス(例:[email protected])のみを入力できます。

メールアドレスフィールド

ユーザーの入力が有効なメールアドレス形式でない場合、「有効なメールアドレスを入力してください。」というエラーが表示されます。

メールアドレスフィールドの検証メッセージ

メール検証のエラーメッセージをカスタマイズしたいですか?検証メッセージの変更に関するチュートリアルで、手順を確認してください。

ユーザーが一般的なメールアドレス(@gmail.com、@yahoo.comなど)を入力し、タイプミスがあった場合、メールフィールドがこれを検出し、修正を提案します。

Gmailアドレスのメールアドレスのタイプミス修正メッセージ

提案を一切表示したくない場合は、メールフィールドオプションの詳細設定タブを開き、提案を無効にするをオンにすることで無効にできます。

オプションで、確認用メールフィールドを追加することもできます。

確認メールアドレスフィールド

数値スライダー

数値スライダーフィールドは、数値範囲を表すバーを表示します。最小値と最大値は、フィールドオプションパネルで簡単にカスタマイズできます。スライダーの増分値は、詳細フィールドオプションで調整することもできます。

選択された値はスライダーの下に表示されます。

ナンバー スライダー フィールド

hCaptcha

このフィールドは、WPFormsの設定でhCaptchaを有効にした場合にフォームビルダーに表示されます。フォームに無料のスパム保護を追加します。

hCaptchaフィールド

WPFormsでのhCaptchaの使用に関する詳細については、セットアップ方法のステップバイステップチュートリアルをご覧ください。

reCAPTCHA

reCAPTCHAフィールドは、WPFormsの設定で有効にした場合にフォームビルダーに表示され、Googleのスパムフィルターをフォームに追加します。

幅=

スタイリングとセキュリティのニーズに応じて、3種類のreCAPTCHAから選択できます。

詳細については、WPFormsでのreCAPTCHAの使用に関するチュートリアルをご覧ください。

ターンスタイル

Turnstileフィールドは、WPFormsの設定でCloudflare Turnstileを有効にした場合にフォームビルダーに表示されます。フォームをスパム送信から保護します。

Cloudflare CAPTCHAウィジェット

詳細については、WPFormsでのCloudflare Turnstileのセットアップと使用方法のチュートリアルをご覧ください。

GDPR同意

GDPR同意フィールドには、ユーザーが情報を収集および保存することに同意するかどうかを尋ねる必須のチェックボックスが表示されます。

GDPR同意フィールド

WPFormsとGDPRについてさらに詳しく知りたいですか?GDPRコンプライアンスのチュートリアルをご覧ください。

以上です!このチュートリアルで、WPFormsのすべての利用可能なフィールドに慣れていただけたことを願っています。

次に、WPFormsの他のフィールドタイプについて学びたいですか?詳細については、Fancyフィールド支払いフィールドのチュートリアルをご覧ください。

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。