Web フォームは、ASP.NET テクノロジに基づいて構築された Web ページです。これはサーバー上で実行され、ブラウザへの出力を生成します。 .NET 共通言語ランタイムでサポートされるあらゆる言語のブラウザと互換性があります。柔軟性があり、カスタム コントロールを作成および追加できます。
Visual Studio を使用して ASP.NET Web フォームを作成できます。これは、サーバー コントロールを Web フォームにドラッグ アンド ドロップできる IDE (統合開発環境) です。また、コントロールのプロパティ、イベント、メソッドを設定することもできます。ビジネス ロジックを作成するには、Visual Basic や Visual C# などの .NET 言語を選択できます。
Web フォームは、ビジュアル部分 (ASPX ファイル) と、別のクラス ファイルに存在するフォームの背後にあるコードという 2 つのコンポーネントで構成されます。
イチジク： この図は、ASP.NET のコンポーネントを示しています。
Web フォームの主な目的は、ASP の制限を克服し、ビューをアプリケーション ロジックから分離することです。
ASP.NET は、次のようなさまざまなコントロールを提供します。 サーバー コントロールと Web フォームの HTML コントロール。これらすべてのコントロールを以下に示します。
サーバーコントロール
次の表には、Web フォームのサーバー側コントロールが含まれています。
| コントロール名 | 対象イベント | 説明 |
|---|---|---|
| ラベル | なし | HTML ページにテキストを表示するために使用されます。 |
| テキストボックス | テキストが変更されました | フォームにテキスト入力を作成するために使用されます。 |
| ボタン | クリック、コマンド | ボタンを作成するために使用されます。 |
| リンクボタン | クリック、コマンド | ハイパーリンクに似たボタンを作成するために使用されます。 |
| 画像ボタン | クリック | これは、imagesButton を作成するために使用されます。ここでは、画像がボタンとして機能します。 |
| ハイパーリンク | なし | これは、クリック イベントに応答するハイパーリンク コントロールを作成するために使用されます。 |
| ドロップダウンリスト | 選択されたインデックスが変更されました | ドロップダウン リスト コントロールを作成するために使用されます。 |
| リストボックス | 選択されたインデックス結合済み | HTML コントロールのような ListBox コントロールを作成するために使用されます。 |
| データグリッド | CancelCommand、EditCommand、DeleteCommand、ItemCommand、SelectedIndexChanged、PageIndexChanged、SortCommand、UpdateCommand、ItemCreated、ItemDataBound | データを表示するために使用される frid を作成するために使用されます。このコントロールを使用すると、ページング、並べ替え、書式設定を非常に簡単に実行することもできます。 |
| データリスト | CancelCommand、EditCommand、DeleteCommand、ItemCommand、SelectedIndexChanged、UpdateCommand、ItemCreated、ItemDataBound | 非表形式のデータリストを作成し、データを表示するために使用されます。 |
| リピータ | ItemCommand、ItemCreated、ItemDataBound | これにより、表形式以外のデータ形式を作成できます。データをテンプレート項目にバインドできます。テンプレート項目は、特定の繰り返し形式にまとめられた HTML の一部のようなものです。 |
| チェックボックス | 変更の確認 | チェックボックスを作成するために使用されます。 |
| チェックボックスリスト | 選択されたインデックスが変更されました | すべて連携して機能するチェック ボックスのグループを作成するために使用されます。 |
| ラジオボタン | 変更の確認 | ラジオボタンの作成に使用します。 |
| ラジオボタンリスト | 選択されたインデックスが変更されました | これは、すべて連携して動作するラジオ ボタン コントロールのグループを作成するために使用されます。 |
| 画像 | なし | ページ内に画像を表示するために使用されます。 |
| パネル | なし | コンテナとして機能するパネルを作成するために使用されます。 |
| プレースホルダー | なし | コントロールのプレースホルダーを設定するために使用されます。 |
| カレンダー | SelectionChanged、VisibleMonthChanged、DayRender | カレンダーの作成に使用します。デフォルトの日付を設定したり、前後に移動したりすることができます。 |
| AdRotator | 広告が作成されました | 表示する広告のリストを指定できます。ユーザーがページを再表示するたびに。 |
| テーブル | なし | テーブルの作成に使用します。 |
| XML | なし | HTML 内で XML ドキュメントを表示するために使用されます。 |
| リテラル | なし | これはリテラルを表示するという点でラベルに似ていますが、実行時に新しいリテラルを作成してこのコントロールに配置することができます。 |
HTML コントロール
これらのコントロールはブラウザによってレンダリングされます。 HTML コントロールをサーバー コントロールとして作成することもできます。これについてはチュートリアルでさらに説明します。
| コントロール名 | 説明 |
|---|---|
| ボタン | HTMLボタンの作成に使用します。 |
| リセットボタン | フォーム上の他のすべての HTML フォーム要素をデフォルト値にリセットします。 |
| 送信ボタン | FORM タグの Action 属性にリストされている指定されたページにフォーム データを自動的に POST します。 |
| テキストフィールド | ユーザーに HTML フォーム上の入力領域を提供します |
| テキストエリア | HTML フォームでの複数行の入力に使用されます。 |
| ファイルフィールド | フォーム上にテキスト フィールドと参照ボタンを配置し、ユーザーが参照ボタンをクリックしたときにローカル マシンからファイル名を選択できるようにします。 |
| パスワードフィールド | HTML フォーム上の入力領域。ただし、このフィールドに入力された文字はアスタリスクとして表示されます。 |
| チェックボックス | ユーザーが選択またはクリアできるチェックボックスを提供します。 |
| ラジオボタン | フォームに 2 つ以上使用され、ユーザーがコントロールの 1 つを選択できるようにします。 |
| テーブル | 情報を表形式で表示できます |
| 画像 | HTMLフォーム上に画像を表示します |
| リストボックス | アイテムのリストをユーザーに表示します。サイズを 2 つ以上から設定して、表示する項目の数を指定できます。この制限内に収まらない項目が多い場合は、スクロール バーがこのコントロールに自動的に追加されます。 |
| 落ちる | アイテムのリストをユーザーに表示しますが、一度に表示されるアイテムは 1 つだけです。ユーザーがこのコントロールの横にある下矢印をクリックすると、項目のリストが表示されます。 |
| 横罫 | HTML ページ全体に水平線を表示します。 |