Os controles de servidor HTML são principalmente controles HTML padrão aprimorados que garantem a operação do servidor. Os controles HTML não são processados pelo servidor, mas são enviados ao navegador para exibição, como tags de título de página, tags de link e elementos de entrada.
Ao adicionar o atributo runat = "server" e um atributo id, eles podem ser convertidos especificamente em um controle de servidor para uso no processamento do lado do servidor.
Por exemplo, controle de entrada HTML:
<input type="text" size="40">Ele pode ser convertido em um controle de servidor adicionando atributos runat e id:
<input type="text" id="testtext" size="40" runat="server">Embora os controles de servidor ASP.NET possam fazer tudo o que os controles de servidor HTML fazem, os controles HTML ainda apresentam vantagens nas seguintes situações:
Use expressões estáticas para fins de layout.
Converta uma página HTML para ser executada em ASP.NET.
A tabela a seguir descreve os controles do servidor HTML:
| Nome do controle | Etiqueta HTML |
|---|---|
| HtmlHead | elemento <head> |
| HtmlInputButton | <tipo de entrada=botão|enviar|redefinir> |
| Caixa de verificaçãoHtmlInput | <tipo de entrada=caixa de seleção> |
| ArquivoHtmlInput | <tipo de entrada = arquivo> |
| HTMLInputHidden | <tipo de entrada = oculto> |
| HTMLInputImage | <tipo de entrada = imagem> |
| HtmlInputPassword | <tipo de entrada = senha> |
| HtmlInputRadioButton | <tipo de entrada = rádio> |
| HTMLInputReset | <tipo de entrada = redefinir> |
| HTMLTexto | <tipo de entrada = texto|senha> |
| Imagem HTML | Elemento <img> |
| HTMLLink | <link>elemento |
| HtmlÂncora | <a>elemento |
| Botão HTML | elemento <botão> |
| Botão HTML | elemento <botão> |
| HTMLFormulário | elemento <formulário> |
| Tabela HTML | elemento <tabela> |
| HtmlTableCell | <td> e <th> |
| HtmlTableRow | <tr>elemento |
| Título HTML | elemento <título> |
| HtmlSelecionar | <selecione&t; |
| HtmlGenericControl | Todos os controles HTML não listados |
O exemplo a seguir usa uma tabela HTML básica para layout. Ele utiliza caixas para obter informações do usuário como nome, endereço, cidade, estado, etc., e um controle de botão que ao ser clicado obtém os dados do usuário exibidos na última linha da tabela.
A página deve ficar assim na visualização Design:
O código da página de conteúdo mostra o uso de elementos de tabela HTML para layout.
<%@ 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>O código por trás do controle do botão é:
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;}Observe as seguintes afirmações:
Tags HTML padrão foram usadas para layout de página.
A última linha da tabela HTML é usada para exibição de dados. Requer processamento no lado do servidor, portanto, adicione atributos de ID e atributos runat a ele.