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