---
title: "現場アイテムの扱い"
slug: "work-with-field-items"
abstract: "メールや電話のフィールド、テキストフィールド、マルチセレクト項目などのフィールド項目を追加し、ユーザーがフォームとやり取りして必要な情報を得られるようにしましょう。"
---
# 現場アイテムの扱い

ウェブサイトの訪問者は、連絡先情報の収集、顧客へのアンケート調査、商品の注文など、さまざまな用途でフォームを使用できます。視覚的に魅力的で使いやすいフォームを作成するために、さまざまな種類のアイテムを追加できます。

フィールドアイテムとは、ユーザーが操作できるフォーム上の項目です。

> !ヒント右側のペインでは、フィールド、ラベル、プレースホルダー、ヘルプテキストのスタイルを編集できます。フォームに [複数のページ](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/designing-forms/work-with-multiple-form-pages.html "Work with multiple form pages") がある場合は、それぞれのページを個別にスタイリングできます。
> 
> ある項目のスタイルを定義したら、「全てに適用」をクリックして、そのタイプのすべての項目(アクションボタン、チェックボックス、ラジオボタン、テキスト、メール、日付などの入力フィールド)に適用できます。

## フォームにフィールド項目を追加してください

レイアウトにフィールドアイテムを追加するには:

1.  **Items**タブの**Fields**セクションで、編集エリアのレイアウトスロットにフィールドをドラッグします。
    
    最初のフィールドを追加すると、自動的に送信ボタンがページに追加されます。
    
2.  フィールド項目を必須項目にするには、右側のペインで **「必須」**オプションをクリックしてください。
    
3.  さらにフィールドを追加したり、[ページを追加](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/designing-forms/work-with-multiple-form-pages.html "Work with multiple form pages")したりすることができます。
    

> !注ほとんどのフィールドには事前に定義された名前があり、ユーザーには表示されません。ユーザーがフィールドに提出するデータの送信先を定義するために [ウェブフック](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/edit-form-settings/work-with-webhooks.html "Work with webhooks") を指定する際に、その名前を使用します。フィールド設定で名前フィールドを編集できます。名前はフォーム上で一意でなければなりません。

## アイテムを動かす

アイテムを動かすには:

1.  フォームエディターの編集エリアで、マウスをアイテムにカーソル合わせると **アクション** メニューが表示されます。
2.  **Move**:mdiCursorMove: をクリックして長押しすると、編集エリア内の別の行にアイテムをドラッグします。

## アイテムを削除する

フォームからアイテムを削除できます。

アイテムを削除するには:

-   **アイテム**タブでアイテムチェックボックスをクリアします。そのアイテムはデザインから削除されます。
    
    あるいは、編集エリアで削除したいアイテムをクリックし、**アクション** メニューで **「削除** :mdiTrashCan:」をクリックしてください。
    

> !注アイテムを削除した後は、再度追加できます。

## プリフィル値を追加してください

**メール**、**ショートテキスト**、**長文**、**日付**、**電話番号**、**電話番号**の各フィールドにプリフィル値を追加できます。プリフィル値はデフォルト値(例:*Enter text*、または例の電話番号)の代わりに表示されます。

プリフィル値を追加するには:

1.  **デザイン**モードのフォームで、プリフィル値を追加したいフィールドアイテムをクリックします。
2.  右側のペインの **プリフィル値** フィールドで、フォームに表示したいテキストを入力してください。
3.  上部のツールバーで **プレビュー** をクリックすると、事前に入力された値が表示されたフィールドが表示されます。

ユーザーはフォームの値を編集できます。

## アイテムを隠す

フォームに**メール**、**ショートテキスト**、**長文**、**日付**、**電話番号****のフィールドを**非表示にして、ユーザーに見えないようにすることができます。この機能は、隠しフィールドの事前入力値と組み合わせて使われることが多く、ユーザー入力なしでウェブフックを通じてフォームが第三者にデータを転送できるようにします。

アイテムを隠す方法:

1.  **デザイン**モードのフォームで、非表示にしたいフィールドアイテムをクリックします。
2.  右側のペインで「 **隠し** 」フィールドをクリックします。
3.  上部のツールバーで **プレビューをクリックして、** フィールドが非表示になっているか確認してください。

フィールドは、以前設定したプリフィル値とともに、[プレビュー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/saving-a-form/preview-your-form-design.html "Preview your form design")で見られるJSONペイロードの一部として残ります。