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

WPFormsでどのフォームフィールドにアクセスできるのか、そしてそれぞれのフィールドが何をするのか気になりませんか?WPFormsには、フォームの作成と記入を簡単にするためのフィールドタイプがたくさんあります。

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

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。
このフォームのデモをお試しください!
リッカート尺度
同意できないニュートラル同意する
アイテムその1
同意できない
ニュートラル
同意する
項目2
同意できない
ニュートラル
同意する
項目 3
同意できない
ニュートラル
同意する
ネット・プロモーター・スコア
日時
クリアサイン

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


標準フィールド

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

WPForms 標準フィールド

WPFormsの標準フィールドのライブプレビューです。

単一行テキスト

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

一行テキストフィールド

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

段落テキスト

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

段落テキストフィールド

デフォルトでは、このフィールドにバリデーションはありません。文字数や文字種は問いません。ただし、ユーザーが入力できる単語数や文字数に制限を設けることもできます。

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

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

必要であれば、ドロップダウンからの複数選択も可能です。

WPFormsのドロップダウンフィールドをカスタマイズする方法の詳細を見たいですか?このフィールドタイプを使用する方法についての完全なチュートリアルをチェックしてください。

マルチプル・チョイス

複数選択肢フィールドでは、ユーザーが選択肢の中から1つの項目を選ぶことができます。もし必要であれば、選択肢をランダムにしたり、選択肢に画像を追加することもできます。

複数選択フィールド

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

チェックボックス

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

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

公開フォームのチェックボックスフィールドの表示方法を変更したいですか?Checkboxesフィールドをカスタマイズする方法についてのチュートリアルに詳細があります。

数字

数値フィールドでは、ユーザーが数値を入力することができ、オプションで最小値と最大値の範囲を設定することができます。カーソルを合わせると、入力フィールド内に矢印が表示され、数値を1ずつ増減することができます。

数字のフィールド

範囲やデフォルト値の設定方法など、Numbersフィールドのカスタマイズについてもっと知りたいですか?WPFormsでNumbersフィールドを使うための完全ガイドをご覧ください。

名称

名前」フィールドには、1行、姓と名のサブフィールド、姓、名、名のサブフィールドなど、名前の書式に関するいくつかのオプションがあります。

名前フィールド

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

電子メール

Eメール」フィールドには、有効なEメールアドレス(例:[email protected])のみを入力することができます。

電子メール・フィールド

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

電子メール・フィールドの検証メッセージ

Eメールバリデーションのエラーメッセージをカスタマイズしたいですか?ステップバイステップのガイドについては、検証メッセージの変更に関するチュートリアルをご覧ください。

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

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

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

電子メール確認フィールド

数字スライダー

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

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

数字スライダーのフィールド

hCaptcha

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

hCaptchaフィールド

WPFormsでhCaptchaを使用するための詳しいガイダンスについては、設定方法のステップバイステップのチュートリアルをご覧ください。

reCAPTCHA

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

 幅

あなたのスタイルとセキュリティのニーズに合わせて、3種類のreCAPTCHAからお選びいただけます。

詳細については、WPFormsでreCAPTCHAを使用するチュートリアルを参照してください。

ターンテーブル

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

Cloudflare Captchaウィジェット

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

GDPR同意書

GDPR同意フィールドには、ユーザーの情報を収集・保存することへの同意を求める必須チェックボックスが表示されます。

GDPR同意欄

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

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

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

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

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。