HOME > 機能 > フォーム

フォーム

フォームとは

データを入力するための画面のことです。
データを登録、更新、削除するマルチデバイス対応のフォームを作成できます。
入力するデータに応じて、テキスト欄、ドロップダウンやラジオボタンなどのフィールドを配置して作成します。


主な利用例

・アンケート
・キャンペーン
・会員登録受付 / 情報変更受付 / 退会受付 など


仕様

仕様
フォーム作成数制限なし
使用可能言語HTML、JavaScript、PHP


設定方法

フォームの新規作成

画面の「Web」をクリックします。

 
「フォーム」をクリックします。

 

フォーム作成

フォーム一覧の「新規作成」をクリックします。

 
フォームの新規作成画面が現れるので、設定を行い「新規作成」ボタンをクリックします。


 
基本情報
1.DB
フォームを作成するDBを選択します。
2.名前
発行するフォームの名前を入力します。
3.タイトル
フォームを識別するためのタイトルを入力します。


フォームの作成
1.稼働中のフォームを参照
稼働中のフォームと同じ設定のフォームを作成する場合はチェックを入れ、参照するフォームを選択します。
2.デバイスの種類
マルチデバイス用、PC用、携帯用から対象とするデバイスの種類を選択します。
 a.新規登録
 データベースに新規にデータを登録するタイプのフォームです。 例)アンケート、問い合わせなど
 b.更新
 データベースの既存データを更新するタイプのフォームです。 例)メールマガジンの登録情報変更など
 c.削除
 データベースの既存データを削除するタイプのフォームです。 例)会員の退会など
3.フォームの種類
新規登録、更新、削除からフォームの種類を選択します。
4.アプリ最適化設定
最適化すると、フィールドのname属性が差し替えキーワードで動作します。
最適化しない場合は、フィールドのname属性がフィールドコードで動作します。
※ アプリ最適化設定はフォーム作成後に変更することはできません。
 
「新規作成」ボタンをクリックすると、設定一覧にフォームが表示されます。

 

トップページ

フォーム一覧からフォーム名をクリックすると、設定のトップページが表示されます。

フォームの設定を画面左の各メニューから行います。
各種設定を変更したらトップページの「変更を反映」ボタンをクリックすることでフォームに反映されます。
 

フォーム設定

使用フィールド

データベースにある全フィールドの中から、入力する項目、入力しない項目を選択します。

 
1.フィールド
データベースにあるフィールド名を表示しています。
2.タイプ
フィールドタイプを表示しています。
3.タイトル
フィールドごとの差替えタイトルを表示しています。
4.入力設定
 a. 全て―使用しない
 データベース上にあるフィールドを全て使用しないようにします。
 ※データベースの項目が多いが実際に使う項目が少ない場合、「全て―使用しない」ボタンを使い、
 一括で「使用しない」を選択します。その後、使う項目のみ「使用する」に選択し直すことができます。
 b. 入力項目として使用する
 フォーム上の入力項目として使用します。
 c. 特殊入力
 固定値や他のフォームから情報を引き継ぐ場合に使用します。
  ・値を引き継ぐ(hidden)
    データベースにある値を hidden(非表示)で引き継ぎます。
  ・固定値(hidden)
    固定の値を hidden(非表示)で登録します。
  ・登録日時を自動取得
    ※日時系のフィールドのみ設定できます。
     現在の日付・時刻を取得し、登録します。
 d. 使用しない
 フィールドを使用しません。(データの登録・更新を行いません)
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。
 

セキュリティ

フォームへのアクセス権限等を設定します。

 
1. 非SSL(http)での登録
非SSLでの接続を許可するか許可しないかを選択します。
SSL 非対応の携帯に対応するためなど、やむを得ない場合を除き、「許可しない」を選択してください。
2. IP アドレスによるアクセス制限
IP アドレスによるアクセス制限の設定ができます。
IPアドレスによるアクセス制限を行うと許可したIPアドレス以外からフォームの表示と登録を行えなくなります。
3. 接続元 URL によるアクセス制限
接続元 URL によるアクセス制限の設定ができます。
接続元URLによるアクセス制限を行うと許可した接続元URL以外からフォームの表示と登録をおこなえません。
許可したURLが接続元URLに前方一致すればアクセスを許可します。
許可するURLは、http:// または https:// を省略可能です。省略した場合は、接続元URLが http://,https:// どちらでもアクセスを許可します。
※フォームURLと同じドメインのURLは接続を制限できません。
※接続元URLにワイルドカードは使用できません。
4.マイエリア認証によるアクセス制限
マイエリア認証によるアクセス制限を行うとマイエリア内のページにフォームを設置し、
かつマイエリアのログインセッションが有効な場合のみ登録を行えます。
5.不正経路からの登録防止
不正経路からの登録防止を行うと確認ページを表示した場合にのみ登録を許可します。
登録経路を制限するには、確認ページを使用する必要があります。
6.連続投稿の禁止
同一IPアドレスからの連続投稿を指定時間禁止します。
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。
 

共通チェック

入力内容をチェックする条件や入力内容に不備があった場合、各フィールド共通で表示するエラーメッセージを登録、変更できます。


共通エラーメッセージ設定
1.入力必須エラーメッセージ
入力必須の項目が入力されなかった場合に表示するエラーメッセージを登録します。
2.重複不可エラーメッセージ
重複不可になっている項目で、重複するデータが入力された場合に表示するエラーメッセージを登録します。


入力値補正基本設定
1.半角カタカナ
半角カタカナで入力された場合に全角カタカナに変換します。
2.スペースのみの入力
スペースのみの入力があった場合に未入力として扱います。


入力値チェック基本設定
1.機種依存文字
入力値に機種依存文字が含まれる場合に入力値エラーとします。
2.2フィールドにまたがる重複
選択した2フィールドが共に重複していた場合にエラーとし、エラーメッセージを表示します。
3.フィールド間入力必須
フィールドのうちどちらか一方を入力させたい場合に設定します。
どちらも入力されなかった場合にのみ、エラーメッセージを表示します。
4.入力値チェック
入力値チェックの有効・無効を選択します。
確認ページを使用している場合は自動的に有効になります。
無効にする場合は先に確認ページを使用しない設定に変更してください。
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。
 

フィールド別チェック

各フィールドごとに、チェックする条件と入力に不備があった場合に表示するエラーメッセージを登録します。
「使用フィールド」で「入力項目として使用する」、または「特殊入力」を選択したフィールドが表示されます。
設定したいフィールドを選択し設定を行います。

 
対象フィールド情報
フィールドの情報を表示します。


フォームの表示
フォーム上の表示について設定します。


入力値のチェック
入力内容をチェックする条件を設定し、入力に不備があった場合に表示するエラーメッセージを登録します。
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」
ボタンをクリックします。
 

締め切り

登録を締め切る条件を指定できます。
※ 複数にチェックが入っている場合、いずれかに該当する場合に締め切ります。
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。

 

ページ設定

入力ページ

入力ページの設定を行います。


デザイン
1.設定デザイン
管理画面からフォーム雛形のデザインを設定します。
2.ソースデザイン
HTMLソースを編集し、思い通りのデザインを設定することができます。


HTMLファイル
1.リモート用
リモート設置用のデフォルトのソース、設定デザインのソース、
ユーザエージェント判定用のPHPライブラリをダウンロードできます。
2.マイエリア用
マイエリア設置用のデフォルトのソース、設定デザインのソースをダウンロードできます。
3.サーバ用
スパイラルのサーバ設置用のデフォルトのソース、設定デザインのソースをダウンロードできます。


ソース編集
ソースデザインで設定するソースを貼り付けます。


HTML雛形
1.HTML雛形
使用するデザインの雛形を選択します。
2.システム雛形以外を使用する場合
システム雛形以外を使用する場合に雛形を優先して使用するか、雛形に上書くかを選択します。


全体
HTMLのタイトルを設定します。


デザインの切り替え
1.判定方法選択
 a.ウィンドウサイズ
 フォームを表示しているデバイスのディスプレイの横幅に応じてデザインを変更します。
 b.ユーザエージェント
 フォームを表示しているデバイスの種類に応じてデザインを変更します。
2.デザインパターン選択
判定方法がウィンドウサイズの場合はpxを指定し、どのデザインを使用するか選択します。
判定方法がユーザエージェントの場合は、どのデバイスにどのデザインを使用するか選択します。


ヘッダ
1.見出し
フォームの見出しのデザインを設定します。
2.PC用デザインの画像ファイル
PC用デザインの画像ファイルのURLを指定し、画像の表示位置を設定します。
3.タブレット用デザインの画像ファイル
タブレット用デザインの画像ファイルのURLを指定し、画像の表示位置を設定します。
4.スマートフォン用デザインの画像ファイル
スマートフォン用デザインの画像ファイルのURLを指定し、画像の表示位置を設定します。
5.見出しの補足説明
見出しの補足説明のデザインを設定します。
6.入力時の説明
入力時の説明のデザインを設定します。
7.入力エラー時の説明
入力エラー時の説明のデザインを設定します。


フォーム
1.項目の表示順
フォームに表示させる項目の表示順を設定します。
2.項目タイトルのスタイル
項目タイトルのデザインを設定します。
3.項目入力欄のスタイル
項目入力欄のデザインを設定します。
4.入力必須文字のスタイル
入力必須文字のデザインを設定します。
5.例文のスタイル
例文のデザインを設定します。
6.接頭語・接尾語のスタイル
接頭語・接尾語のデザインを設定します。
7.注意事項のスタイル
注意事項のデザインを設定します。
8.入力値エラーメッセージのスタイル
入力値エラーメッセージのデザインを設定します。
9.送信ボタン
送信ボタンのデザインを設定します。


SPIRALシール
1.言語
SPIRALシールに表示する言語を選択します。
2.シール
SPIRALシールの画像を選択します。


フッタ
1.フッタ
フッタのデザインを設定します。


スタイルを雛形として登録
1.雛形の名前
設定したデザインを雛形として登録する場合は、雛形の名前を入力し、「雛形として登録する」ボタンをクリックします。
 
変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。


確認ページ

確認ページ設定
確認ページを使用するかを設定します。
確認ページを使用する場合、自動的に入力値チェックが有効になります。
 
その他の項目については「入力ページ」を参照してください。



サンキューページ

サンキューページ設定
1.リダイレクト先
フォーム送信後のリダイレクト先を設定します。
 a.スパイラル内サンキューページを使用
 スパイラル内に設置したサンキューページを使用します。
 b.外部サンキューページを使用
 外部に設置したサンキューページを使用します。
 URLを入力してください。
 c.登録情報を引き継ぎ、次の登録ページへリダイレクト
 登録情報を引き継ぎ別の登録ページヘリダイレクトします。
 プルダウンから登録ページを選択してください。


その他の項目については「入力ページ」を参照してください。


システムエラーページ

システムエラーが発生した場合に表示されるページです。
設定については「入力ページ」を参照してください。


締め切りページ

締め切り設定
1.リダイレクト先
締め切りページのリダイレクト先を設定します。
 a.スパイラル内締め切りページを使用
 スパイラル内に設置した締め切りページを使用します。
 b.外部締め切りページを使用
 外部に設置した締め切りページを使用します。
 URLを入力してください。


その他の項目については「入力ページ」を参照してください。


メール設定

サンクスメール

フォームから登録があった際のサンクスメールの設定を行います。
設定方法はサンクス配信を参照してください。


登録通知メール

通知メール設定
1.登録通知メール
フォームから登録があった際に通知メールを送信することができます。
「通知する」にチェックを入れ、通知先の設定を行います。
通知先の設定については通知先管理を参照してください。
「ログダウンロード」をクリックすると、通知メールの配信ログをダウンロードすることができます。
2.締め切り件数通知メール
フォームの締め切り件数が近づいた際に通知メールを送信することができます。
締め切り件数までの数と送信先アドレスを入力します。


変更が完了したら、「変更」ボタンをクリックし、トップページの「変更を反映」ボタンをクリックします。


その他

アクセス解析をしたい
画像を投稿したい
複数画像を投稿したい
フォームの「セキュリティ」とはどのような機能ですか?
安全なスパイラルアプリケーションの作り方(機能グループ別)


最終更新日:2018/2/21