Les contrôles serveur HTML sont principalement des contrôles HTML standard améliorés qui garantissent le fonctionnement du serveur. Les contrôles HTML ne sont pas traités par le serveur, mais sont envoyés au navigateur pour affichage, tels que les balises de titre de page, les balises de lien et les éléments d'entrée.
En ajoutant l'attribut runat = "server" et un attribut id, ils peuvent être spécifiquement convertis en contrôle serveur pour une utilisation dans le traitement côté serveur.
Par exemple, contrôle de saisie HTML :
<input type="text" size="40">Il peut être converti en contrôle serveur en ajoutant les attributs runat et id :
<input type="text" id="testtext" size="40" runat="server">Bien que les contrôles serveur ASP.NET puissent faire tout ce que font les contrôles serveur HTML, les contrôles HTML présentent toujours des avantages dans les situations suivantes :
Utilisez des expressions statiques à des fins de mise en page.
Convertissez une page HTML pour qu'elle s'exécute sous ASP.NET.
Le tableau suivant décrit les contrôles du serveur HTML :
| Nom du contrôle | Balise HTML |
|---|---|
| Tête Html | <head>élément |
| Bouton d'entrée Html | <type d'entrée=bouton|soumettre|réinitialiser> |
| HtmlInputCheckbox | <type d'entrée=case à cocher> |
| Fichier d'entrée Html | <type d'entrée = fichier> |
| HtmlInputMasqué | <type d'entrée = caché> |
| HtmlInputImage | <type d'entrée = image> |
| HtmlInputPassword | <type d'entrée = mot de passe> |
| HtmlInputRadioButton | <type d'entrée = radio> |
| HtmlInputReset | <type d'entrée = réinitialisation> |
| Texte HTML | <type d'entrée = texte|mot de passe> |
| Image HTML | élément <img> |
| Lien Html | <lien>élément |
| HtmlAnchor | <a>élément |
| Bouton Html | Élément <bouton> |
| Bouton Html | Élément <bouton> |
| Formulaire HTML | Élément <formulaire> |
| Tableau HTML | Élément <table> |
| HtmlTableCell | <td> et <th> |
| LigneHtmlTable | <tr>élément |
| Titre HTML | Élément <titre> |
| HtmlSélectionner | <élément sélectionner&t; |
| HtmlGenericControl | Tous les contrôles HTML non répertoriés |
L'exemple suivant utilise un tableau HTML de base pour la mise en page. Il utilise des zones pour obtenir les entrées de l'utilisateur telles que le nom, l'adresse, la ville, l'état, etc., et un bouton de contrôle qui, lorsqu'on clique dessus, obtient les données utilisateur affichées dans la dernière ligne du tableau.
La page devrait ressembler à ceci en mode Création :
Le code de la page de contenu montre l'utilisation d'éléments de tableau HTML pour la mise en page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="htmlserver._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <style type="text/css"> .style1 { width: 156px; } .style2 { width: 332px; } </style> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td>Name:</td> <td> <asp:TextBox ID="txtname" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>Street</td> <td> <asp:TextBox ID="txtstreet" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>City</td> <td> <asp:TextBox ID="txtcity" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>State</td> <td> <asp:TextBox ID="txtstate" runat="server"> </asp:TextBox> </td> </tr> <tr> <td> </td> <td></td> </tr> <tr> <td></td> <td ID="displayrow" runat ="server"> </td> </tr> </table> </div> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" /> </form> </body></html>Le code derrière le contrôle du bouton est :
protected void Button1_Click(object sender, EventArgs e){ string str = ""; str += txtname.Text + "<br />"; str += txtstreet.Text + "<br />"; str += txtcity.Text + "<br />"; str += txtstate.Text + "<br />"; displayrow.InnerHtml = str;}Observez les déclarations suivantes :
Des balises HTML standard ont été utilisées pour la mise en page.
La dernière ligne du tableau HTML est utilisée pour l'affichage des données. Cela nécessite un traitement côté serveur, ajoutez-y donc l'attribut ID et l'attribut runat.