はじめに
目次
- 解説
- 1. このコースで学ぶ内容
- 2. 完成図
- 3. 学習に必要な前提コース
解説
1. このコースで学ぶ内容
本コースでは、ユーザーがフォームに入力したデータを、別の画面で表示させる簡易的な「会員登録アプリ」を作成します。
これまで学んできたHTML、CSSを使って会員登録用のフォームと、登録内容を表示するテーブルを別画面で作成します。フォームは、お問い合わせフォームや、注文フォーム、アンケートフォームなど、多くのサイトに設置されており、WEBアプリを作成するうえで欠かせない重要な機能です。今回はフォームにユーザーが入力したデータを送信する方法と、別画面でデータを受け取り表示する方法を学びましょう。
2. 完成図
入力フォーム画面
結果表示画面
画面の仕様
| (1) | 「入力フォーム画面」と「結果表示画面」の二画面を作成 |
| (2) | 各画面は「ヘッダー」、「メインコンテンツ」、「フッター」の構成 |
| (3) | 「送信」ボタンをクリックすると「結果表示画面」に遷移し、入力内容がテーブルに反映される |
3. 学習に必要な前提コース
このコースは、下表の各コース・手順を完了している前提で学習を進めていきます。
前提コース
