Présentation -
Le message -
Les styles -
CheckBox -
DropDownList & RadioButton
Présentation
Tout au long de ce tutorial, nous allons utiliser un formulaire permettant de saisir notre login et notre mot de passe. Une fois envoyé, nous afficherons un message récapitulatif de la saisie.
Souvenez vous, avant ASP.NET on utilisait, pour créér nos formulaires, les éléments input en leur spécifiant un type (text, password, submit ...).
En ASP.NET, au lieu de les utiliser et même d'éviter les blocs ASP <% %>, nous allons utiliser les contrôles serveurs. Ils se déclarent au sein de pages ASP.NET (.aspx) à l'aide de balises HTML contenant une valeur d'attribut runat="server". Les contrôles serveur encapsulent, ensuite, du code HTML.
Déclarer des contrôles serveur
Les contrôles serveur se définissent de la manière suivante :
| <ASP:TypeControle ... runat="server"></ASP:TypeControle> |
Ou alors avec la syntaxe abrégée :
| <ASP:TypeControle ... runat="server" /> |
TypeControle défini l'objet de formulaire que nous désirons insérer dans celui-ci. Par exemple, pour saisir notre login, nous allons utiliser une TextBox.
Avant ASP.NET, on aurais utilisé <input type="text" name="Login">.
Avec ASP.NET, c'est encore plus simple !
Comme précisé plus haut, il nous suffit juste de remplace "TypeControle". Ce qui nous donne tout simplement : <ASP:TextBox id="Login" runat="server" />
Avant de rentrer dans le vif du sujet, mettons en place notre formulaire.
ASP.NET |
<% @ Page Language = "VBScript" %>
<html>
<head>
<title>Identification</title>
</head>
<body>
<form method="post" runat="server">
Votre login :
<ASP:TextBox id="Login" runat="server" /><br>
Votre mot de passe :
<ASP:TextBox id="Pass" TextMode="Password" runat="server" /><br>
<ASP:Button id="Button" Text="Envoyer" runat="server" />
</form>
</body>
</html>
|
|
Différences à remarquer
L'attribut runat="server" dans chaque objet y compris le formulaire.
Il faut désormais spécifier le mode du texte : TextMode="Password".
Ce n'est plus value mais Text pour attribuer la valeur du bouton.
Plus aucun élément input.
Vous avez pensé à regarder le code source ? Pas la moindre trace des contrôles serveur. Ils ont comme précisié plus haut, encapsuler du code HTML. Fantastique :)
Affichage du message
A lire aussi ...
Plus de détails et pour retrouver quelques-uns de ces exemple :
Contrôles serveur
Styles sur les contrôles
HtmlControls et WebControls
