Form要素

基本要素

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

フォームで頻繁に使用される要素 (テキスト、電子メール、電話など) は、Form elementsペインのBasicセクションにグループ化されています。これらの要素は、Form elementsウィンドウのGeneralタブからフォームキャンバスにドラッグアンドドロップでき、フォームフィールドになり、編集できます。

このトピックでは、基本的なフォーム要素とその設定について説明します。

テキスト

テキスト要素を使用して、フォームにテキストフィールドを追加します。この要素をフォームのタイトルに使用して、その目的を示すことができます。たとえば、キャリア問い合わせフォームやContact usなどです。

節	アイテム	形容
細部	テキスト	テキスト要素を追加するときにフォームのタイトルなどに表示されるテキスト。
	フィールド名	要素の名前。
	HTMLタグ	テキストのHTMLタグを選択します。タグを追加するには、sitecore/System/Settings/Forms/Meta Data/Text Tags
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。

ファイルのアップロード

ファイルのアップロード要素を使用して、ウェブフォームのファイルのアップロードの可能性を追加します。訪問者が1つまたは複数のファイルをWebフォームに添付できるようにすることができます。たとえば、履歴書、アバター、プロフィール写真などです。

メモ

ファイルのアップロードは、エクスポートフォームのCSVファイルに表示されます。

フォームエディターでは、訪問者がアップロードできるファイルの数(これらのファイルのサイズや形式など)を決定できます。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	ファイルサイズの制限	訪問者がアップロードできるファイルの最大ファイルサイズを決定します。デフォルトでは、訪問者は最大2 GBを超えないファイルをアップロードできます。 File size validatorチェックボックスがオンになっている場合にのみ適用されます。
	ファイル数の制限	訪問者がアップロードできるファイルの数を決定します。このフィールドは必須です。 File count validatorチェックボックスがオンになっている場合にのみ適用されます。
	ファイルの種類を制限する	許可されるファイル拡張子またはMIMEタイプをカンマで区切って決定します。たとえば、application/PDF 、.pdf 、pdf このフィールドを空のままにすると、訪問者は任意の形式でファイルをアップロードできます。 File type validatorチェックボックスがオンになっている場合にのみ適用されます。
検証	ファイルサイズバリデーター	選択すると、Limit file sizeフィールドに設定された値に従ってファイルサイズが検証されます。
	ファイル数バリデータ	選択すると、Limit number of filesフィールドに設定された値に従ってファイル数が検証されます。
	ファイルタイプバリデーター	選択すると、Limited file typesフィールドに設定された値に従ってファイルの種類が検証されます。
	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

手記

訪問者が大きなファイルをアップロードできるようにする場合は、Webサーバーが大きなファイルサイズを許可するように設定されていることを確認してください。そうしないと、訪問者に次のエラーメッセージが表示される場合があります: HTTP Error 413 Request Entity Too Large.Web.configファイルでASP.NETのファイルのアップロード設定を調整できます。

<httpRuntime maxRequestLength="your-desired-request-length" />
<requestLimits maxAllowedContentLength="your-max-allowed-content-length" />

数

数値要素を使用して、数値を入力するフィールドを追加します。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。フィールド名には、常に意味のある名前を使用してください。フィールド名は、フォームフィールドのSitecore定義アイテムの実際のアイテム名です。
	既定値	初期値。
	プレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここに名を入力します。
	最小値	最小値を決定します。コンタクトの入力がこのフィールドで指定した値よりも小さい場合、コンタクトには検証エラーメッセージが表示されます。
	最大値	最大値を決定します。連絡先の入力がこのフィールドで指定された値より大きい場合、検証エラーメッセージが表示されます。
	歩	番号の間隔を指定します (たとえば、連絡先が偶数のみを入力するようにする場合など)。デフォルト値は1です。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。
検証	フィールドの重要度	訪問者がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

1行テキスト

1行のテキストを入力するフィールドを追加するには、1行のテキスト要素を使用します。たとえば、名前入力フィールドの場合です。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	既定値	初期値。
	プレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここに名を入力します。
	テキストの最小長	単一行テキスト要素の入力フィールドの最小テキスト長を決定します。コンタクトの入力がこのフィールドで指定した文字数より短い場合、コンタクトには検証エラーメッセージが表示されます。
	テキストの最大長	1行テキスト要素の入力フィールドの最大テキスト長を決定します。連絡先の入力がこのフィールドで指定された文字数より長い場合、検証エラーメッセージが表示されます。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。
	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

複数行テキスト

複数行のテキスト要素を使用して、複数行のテキストを入力するフィールドを追加します。この要素は、アドレスや、コメントや説明などの他の長い回答に使用できます。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	既定値	初期値。
	プレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここに名を入力します。
	行数	使用可能な行数を決定します。
	テキストの最小長	複数行テキスト要素の入力フィールドの最小テキスト長を決定します。コンタクトの入力がこのフィールドで指定した文字数より短い場合、コンタクトには検証エラーメッセージが表示されます。
	テキストの最大長	複数行テキスト要素の入力フィールドの最大テキスト長を決定します。連絡先の入力がこのフィールドで指定された文字数より長い場合、検証エラーメッセージが表示されます。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

電子メール

Email要素を使用して、メールアドレスを入力するフィールドを追加します。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	既定値	初期値。
	プレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここに名を入力します。
	テキストの最小長	Email要素の入力フィールドの最小テキスト長を決定します。コンタクトの入力がこのフィールドで指定した文字数より短い場合、コンタクトには検証エラーメッセージが表示されます。
	テキストの最大長	Email要素の入力フィールドの最大テキスト長を決定します。連絡先の入力がこのフィールドで指定された文字数より長い場合、検証エラーメッセージが表示されます。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。オプションはEmail Validatorまたは String Length Validator.
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

メール確認

メールアドレスの誤送信を防ぐために、メール確認フィールドの使用を検討できます。

節	アイテム	形容
細部	メールラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	メールラベルの確認	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	既定値	初期値。
	メールのプレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここにメールアドレスを入力します。
	メールプレースホルダーテキストの確認	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここにメールアドレスを再入力します。この設定を適用するには、Field validationフィールドのString Length Validatorチェックボックスをオンにする必要があります。
	テキストの最小長	Email要素の入力フィールドの最小テキスト長を決定します。コンタクトの入力がこのフィールドで指定した文字数より短い場合、コンタクトには検証エラーメッセージが表示されます。この設定を適用するには、Field validationフィールドのString Length Validatorチェックボックスをオンにする必要があります。
	テキストの最大長	Email要素の入力フィールドの最大テキスト長を決定します。連絡先の入力がこのフィールドで指定された文字数より長い場合、検証エラーメッセージが表示されます。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。オプションはEmail ValidatorまたはString Length Validatorです。
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

電話

Telephone要素を使用して、電話番号を入力するフィールドを追加します。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	既定値	初期値。
	プレースホルダーテキスト	期待値を説明するヒントとして機能するフォームフィールド内のテキスト。プレースホルダーのテキストは、連絡先がフィールドをクリックすると消えます。たとえば、ここに名を入力します。
	テキストの最小長	テキストの最小長を決定します。コンタクトの入力がこのフィールドで指定した文字数より短い場合、コンタクトには検証エラーメッセージが表示されます。
	テキストの最大長	テキストの最大長を決定します。連絡先の入力がこのフィールドで指定された文字数より長い場合、検証エラーメッセージが表示されます。
検証	フィールド検証	フィールドの検証を適用するかどうかを決定します。オプションはPhone Number Validatorまたは String Length Validator.
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

チェックボックス

チェックボックス要素を使用して、ユーザーがオプションを切り替えて選択できるようにするチェックボックスを表示します。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	チェック	デフォルトで事前に選択されているチェックボックスの値を決定します。
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

日付

Date要素を使用して、日付を入力するフィールドを追加します。

節	アイテム	形容
細部	ラベル	特定のフォームフィールドが求めている情報を連絡先に伝えるキャプション。
	フィールド名	要素の名前。
	選択した日付	デフォルトで選択されている日付を指定します。
	開始日	日付範囲の開始日を指定します。
	終了日	日付範囲の終了日を指定します。
検証	フィールドの重要度	連絡先がフィールドに入力する必要があるかどうかを示します。オプションはOptionalまたはMandatoryです。
スタイリング	CSSクラス	フィールドのCSSクラスを定義します。
スタイリング	ラベルのCSSクラス	ラベルのCSSクラスを定義します。
条件	条件の編集	条件付きアクションをWebフォームのフィールドに適用します。 Edit conditionsをクリックして条件を追加します。
詳細設定	保存を許可	フォーム送信時に入力されたフィールドデータの保存を有効または無効にします。
	パフォーマンスの追跡	フィールドのパフォーマンスに関するデータを記録する場合に選択します。追跡を機能させるには、Settings タブで、フォームのパフォーマンス追跡チェックボックスもオンにする必要があります。
	バリュープロバイダー	フィールドをリンクするソースを選択します。フォームの事前入力値は、このソースから取得されます。
	値プロバイダのパラメータ	フィールドに一致するキーを入力します。

手記

Sitecore Formsは、<input type=date> HTML5要素を使用して日付フィールドをレンダリングします。この要素は、IE11およびMac OSのSafariブラウザーではサポートされていません。これらのブラウザーでdatetime picker要素を使用して日付フィールドを取得するには、カスタム要素の実装を検討してください。

この記事を改善するための提案がある場合は、お知らせください!