HTMLフォームの設計
デモ
詳細
- エディタ・ウィンドウで、
start.jsp
ファイルがアクティブなファイルでない場合は、そのタブを選択します。
- 入力したテキストの最後にカーソルを置いた状態で[Enter]を押します。
- コンポーネント・パレットで、HTML Formsページを選択して「
Form」をクリックします。
- 「Formの挿入」ダイアログで、「アクション」フィールドにフォーム出力を表示するページ(この例では、「
results.jsp
」)を入力し、メソッド・タイプとしてpostを選択して「OK」をクリックします。
- 構造ウィンドウで、「form」コンポーネントを右クリックし、「formの中に挿入」
「HTML」の順に選択します。
- 「HTML項目の挿入」ダイアログで、「
Text Field」を選択し、「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, 2006, Oracle. All rights reserved.