Les formulaires Web sont des pages Web construites sur la technologie ASP.NET. Il s'exécute sur le serveur et génère une sortie vers le navigateur. Il est compatible avec n’importe quel navigateur et n’importe quelle langue prise en charge par le Common Language Runtime .NET. Il est flexible et nous permet de créer et d'ajouter des contrôles personnalisés.
Nous pouvons utiliser Visual Studio pour créer des formulaires Web ASP.NET. Il s'agit d'un IDE (Integrated Development Environment) qui nous permet de glisser-déposer des contrôles de serveur vers les formulaires Web. Cela nous permet également de définir des propriétés, des événements et des méthodes pour les contrôles. Pour écrire une logique métier, nous pouvons choisir n'importe quel langage .NET comme : Visual Basic ou Visual C#.
Les formulaires Web sont constitués de deux composants : la partie visuelle (le fichier ASPX) et le code derrière le formulaire, qui réside dans un fichier de classe distinct.
Figue: Ce diagramme montre les composants d'ASP.NET
L'objectif principal des formulaires Web est de surmonter les limitations d'ASP et de séparer la vue de la logique de l'application.
ASP.NET fournit divers contrôles tels que : contrôles serveur et contrôles HTML pour les formulaires Web. Nous avons des tableaux de tous ces contrôles ci-dessous.
Contrôles du serveur
Le tableau suivant contient les contrôles côté serveur pour les formulaires Web.
| Nom du contrôle | Événements applicables | Description |
|---|---|---|
| Étiquette | Aucun | Il est utilisé pour afficher du texte sur la page HTML. |
| Zone de texte | TexteModifié | Il est utilisé pour créer une saisie de texte dans le formulaire. |
| Bouton | Cliquez, Commande | Il est utilisé pour créer un bouton. |
| Bouton Lien | Cliquez, Commande | Il est utilisé pour créer un bouton qui ressemble au lien hypertexte. |
| Bouton Image | Cliquez sur | Il est utilisé pour créer un imagesButton. Ici, une image fonctionne comme un bouton. |
| Lien hypertexte | Aucun | Il est utilisé pour créer un contrôle de lien hypertexte qui répond à un événement de clic. |
| La liste déroulante | SelectedIndexChanged | Il est utilisé pour créer un contrôle de liste déroulante. |
| Zone de liste | SelectedIndexCnhaged | Il est utilisé pour créer un contrôle ListBox comme le contrôle HTML. |
| Grille de données | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Il créait un frid utilisé pour afficher les données. Nous pouvons également effectuer la pagination, le tri et le formatage très facilement avec ce contrôle. |
| Liste de données | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Il est utilisé pour créer une liste de données non tabulaire et utilisée pour afficher les données. |
| Répétiteur | ItemCommand, ItemCreated, ItemDataBound | Cela nous permet de créer un format de type non tabulaire pour les données. Vous pouvez lier les données à des éléments de modèle, qui sont comme des morceaux de HTML rassemblés dans un format répétitif spécifique. |
| Case à cocher | VérifierModifié | Il est utilisé pour créer une case à cocher. |
| Liste de cases à cocher | SelectedIndexChanged | Il est utilisé pour créer un groupe de cases à cocher qui fonctionnent toutes ensemble. |
| Bouton radio | VérifierModifié | Il est utilisé pour créer un bouton radio. |
| Liste des boutons radio | SelectedIndexChanged | Il est utilisé pour créer un groupe de contrôles de boutons radio qui fonctionnent tous ensemble. |
| Image | Aucun | Il est utilisé pour afficher une image dans la page. |
| Panneau | Aucun | Il est utilisé pour créer un panneau qui fonctionne comme un conteneur. |
| Espace réservé | Aucun | Il est utilisé pour définir un espace réservé pour le contrôle. |
| Calendrier | SelectionChanged, VisibleMonthChanged, DayRender | Il est utilisé pour créer un calendrier. Nous pouvons définir la date par défaut, avancer et reculer, etc. |
| Rotateur publicitaire | Annonce créée | Il nous permet de préciser une liste d'annonces à afficher. A chaque fois l'utilisateur réaffiche la page. |
| Tableau | Aucun | Il est utilisé pour créer un tableau. |
| XML | Aucun | Il est utilisé pour afficher des documents XML dans le HTML. |
| Littéral | Aucun | C'est comme une étiquette dans la mesure où elle affiche un littéral, mais nous permet de créer de nouveaux littéraux au moment de l'exécution et de les placer dans ce contrôle. |
Contrôles HTML
Ces contrôles sont rendus par le navigateur. Nous pouvons également créer des contrôles HTML comme contrôle serveur. nous en discuterons plus loin dans notre tutoriel.
| Nom des contrôles | Description |
|---|---|
| Bouton | Il est utilisé pour créer un bouton HTML. |
| Bouton de réinitialisation | Réinitialise tous les autres éléments de formulaire HTML d'un formulaire à une valeur par défaut |
| Bouton de soumission | POST automatiquement les données du formulaire sur la page spécifiée répertoriée dans l'attribut Action de la balise FORM. |
| Champ de texte | Donne à l'utilisateur une zone de saisie sur un formulaire HTML |
| Zone de texte | Utilisé pour la saisie multiligne sur un formulaire HTML |
| Champ de fichier | Place un champ de texte et un bouton Parcourir sur un formulaire et permet à l'utilisateur de sélectionner un nom de fichier sur son ordinateur local lorsque l'utilisateur clique sur le bouton Parcourir. |
| Champ de mot de passe | Une zone de saisie sur un formulaire HTML, bien que tous les caractères saisis dans ce champ soient affichés sous forme d'astérisques |
| Case à cocher | Donne à l'utilisateur une case à cocher qu'il peut sélectionner ou décocher |
| Bouton radio | Utilisé à deux ou plusieurs dans un formulaire et permet à l'utilisateur de choisir l'un des contrôles |
| Tableau | Vous permet de présenter des informations sous forme de tableau |
| Image | Affiche une image sur un formulaire HTML |
| Zone de liste | Affiche une liste d'éléments à l'utilisateur. Vous pouvez définir la taille entre deux ou plus pour spécifier le nombre d'éléments que vous souhaitez afficher. S'il y a plus d'éléments que ne peut en contenir cette limite, une barre de défilement est automatiquement ajoutée à ce contrôle. |
| Dérouler | Affiche une liste d'éléments à l'utilisateur, mais un seul élément à la fois apparaîtra. L'utilisateur peut cliquer sur une flèche vers le bas sur le côté de ce contrôle et une liste d'éléments s'affichera. |
| La règle horizontale | Affiche une ligne horizontale sur la page HTML |