お問い合わせ

入力フォームの入力支援機能(HTML帳票)

デモの実行

このデモでは、テキストボックスやコンボボックス、ラジオボタンなど入力フォームのあるHTML帳票を出力します。入力フォームには入力チェックや計算設定、日付のカレンダー表示を設定しています。
「サンプル帳票を出力」ボタンを押すと、出力されたHTML入力フォームがご利用中のWebブラウザーの別タブに表示されます。

デモの解説

帳票デザインについて

form-design-detail.png

このサンプル帳票は、以下のようにデザインしました。

  • 入力オブジェクト
    サンプル帳票で使用しているもの以外にも、以下の入力オブジェクトの配置が可能です。
    • テキストボックス
    • コンボボックス
    • リストボックス
    • チェックボックス
    • ラジオボタン
    • ボタン
    • サブミットボタン
    • リセットボタン
    これらの入力フォームオブジェクトに対し、様々な設定を行うことができます。
    このデモでは、入力チェックや計算設定、日付のカレンダー表示設定をしています。
    合計欄では定期代の合計値の計算設定、定期代入力欄では数値の入力チェック、適用日入力欄では日付がカレンダー表示になるよう設定しています。

帳票出力処理について

PDF帳票のWebオンライン出力 システム構成図

当サイトのサーバーには、Create!Formの帳票出力環境がセットアップされています。

  • Create!Form Screen(HTML帳票出力ランタイム)がインストールされています。
  • Create!Form Designで設計した帳票定義が保存されています。
  • サーバー上に、帳票出力を実行するための簡単なプログラムを配置します。
    (ソースコードの例はサンプルコードに掲載しています)

このデモにおける帳票出力とHTML帳票の表示は、以下の手順で実行されています。

  • 「サンプル帳票を出力」ボタンをクリックすると、その指示がサーバーへPOST送信されます。
  • サーバー上のプログラムは、使用するデータを指定して、Create!Form Screenに帳票出力を命令します。
  • Create!Form ScreenがHTML帳票を出力します。
  • サーバー上のプログラムは、出力後のHTML帳票のURLへリダイレクトするようにWebブラウザーに返信します。
  • WebブラウザーにHTML帳票が表示されます。

体験版ダウンロード

かんたん出力体験コーナーTOPに戻る