HTMLフォームの設計

デモ・アイコン デモ           詳細アイコン 詳細

  1. エディタ・ウィンドウで、start.jspファイルがアクティブなファイルでない場合は、そのタブを選択します。
  2. 入力したテキストの最後にカーソルを置いた状態で[Enter]を押します。
  3. コンポーネント・パレットで、HTML Formsページを選択してフォーム・アイコン Form」をクリックします。
  4. 「Formの挿入」ダイアログで、「アクション」フィールドにフォーム出力を表示するページ(この例では、「results.jsp」)を入力し、メソッド・タイプとしてpostを選択して「OK」をクリックします。
  5. 構造ウィンドウで、「form」コンポーネントを右クリックし、「formの中に挿入」矢印アイコン 「HTML」の順に選択します。
  6. 「HTML項目の挿入」ダイアログで、テキスト・フィールド・アイコンテキスト・フィールド」 を選択し、「OK」をクリックします。
  7. 「Text Fieldの挿入」ダイアログで、コントロール名(例: yourname)を入力し、コントロールの初期値(例: Type your name here)を入力して「OK」をクリックします。
  8. 作成したテキスト・フィールドの右(フォームの境界を示す点線の四角形の中)にカーソルを置き、[Enter]を押します。
  9. コンボ・ボックスのタイトルと、その後にコロンと空白を入力し(例: Office: )、その行にカーソルを置いたままにします。
  10. コンポーネント・パレットでコンボ・ボックス・アイコン ComboBox」をクリックします。
  11. 「Selectの挿入」ダイアログで、コントロールの名前(例: office)を入力します。
  12. 「オプション」の下で「追加」をクリックして行を追加し、値(例: hq)とキャプション(例: Headquarters)を表に入力します。
  13. 値とキャプションに2つの追加行(例: uk/United Kingdomfr/France)を追加し、「OK」をクリックします。
  14. 作成したコンボ・ボックスの右にカーソルを置いた状態で[Enter]を押します。
  15. コンポーネント・パレットから、送信ボタン・アイコン Submit Button」コンポーネントをページのフォーム要素内にドラッグします。
  16. 「Submit Buttonの挿入」ダイアログで、コントロールの名前(例: signin)とボタン表示テキスト(例: Go)を入力し、「OK」をクリックします。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ