返回首页
当前位置: 主页 > 网络编程 > .Net实例教程 >

ASP.NET-HTML服务器

时间:2020-01-13 16:16来源:知行网www.zhixing123.cn 编辑:麦田守望者

 HTML服务器控件基本上是对标准HTML控件的增强,它们可以启用服务器端处理。服务器不处理诸如标头标签,锚标签和输入元素之类的HTML控件,而是将其发送到浏览器进行显示。

通过添加属性runat =“ server”并添加id属性使它们可用于服务器端处理,可以将它们专门转换为服务器控件。

例如,考虑HTML输入控件:

<input type="text" size="40">

通过添加runat和id属性,可以将其转换为服务器控件:

<input type="text" id="testtext" size="40" runat="server">

使用HTML服务器控件的优点

尽管ASP.NET服务器控件可以执行HTML服务器控件完成的每项工作,但在以下情况下,以后的控件还是有用的:

  • 使用静态表进行布局。
  • 转换HTML页面以在ASP.NET下运行

下表描述了HTML服务器控件:

控制名称 HTML标签
HtmlHead <head>元素
HtmlInputButton <输入类型=按钮|提交|重置>
HtmlInputCheckbox <输入类型=复选框>
HtmlInputFile <输入类型=文件>
HtmlInputHidden <输入类型=隐藏>
HtmlInputImage <输入类型=图片>
HtmlInputPassword <输入类型=密码>
HtmlInputRadioButton <输入类型=收音机>
HtmlInputReset <输入类型=重置>
HtmlText <输入类型=文字|密码>
HtmlImage <img>元素
HtmlLink <link>元素
HtmlAnchor <a>元素
HtmlButton <button>元素
HtmlButton <button>元素
HtmlForm <form>元素
表格 <table>元素
HtmlTableCell <td>和<th>
HtmlTableRow <tr>元素
HTML标题 <title>元素
HtmlSelect <select&t; 元件
HtmlGenericControl 未列出所有HTML控件

以下示例使用基本的HTML表进行布局。它使用一些框来从用户那里获取输入信息,例如姓名,地址,城市,州等。它还具有一个按钮控件,单击该按钮可将用户数据显示在表的最后一行。

该页面在设计视图中应如下所示:

ASP.NET服务器控件

内容页面的代码显示了使用HTML表格元素进行布局。

<%@ 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 style="width: 54%;">                <tr>                   <td class="style1">Name:</td>                   <td class="style2">                      <asp:TextBox ID="txtname" runat="server"  style="width:230px">                      </asp:TextBox>                   </td>                </tr> 				                <tr>                   <td class="style1">Street</td>                   <td class="style2">                      <asp:TextBox ID="txtstreet" runat="server"  style="width:230px">                      </asp:TextBox>                   </td>                </tr> 				                <tr>                   <td class="style1">City</td>                   <td class="style2">                      <asp:TextBox ID="txtcity" runat="server"  style="width:230px">                      </asp:TextBox>                   </td>                </tr> 				                <tr>                   <td class="style1">State</td>                   <td class="style2">                      <asp:TextBox ID="txtstate" runat="server" style="width:230px">                      </asp:TextBox>                   </td>                </tr> 				                <tr>                   <td class="style1"> </td>                   <td class="style2"></td>                </tr> 				                <tr>                   <td class="style1"></td>                   <td ID="displayrow" runat ="server" class="style2">                   </td>                </tr>             </table>                       </div>          <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" />       </form>    </body> </html>

按钮控件后面的代码:

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; }

请注意以下几点:

  • 标准HTML标签已用于页面布局。

  • HTML表的最后一行用于数据显示。它需要服务器端处理,因此已向其中添加了ID属性和runat属性。

------分隔线----------------------------
标签(Tag):
------分隔线----------------------------
推荐内容
  • ASP.NET-客户端

    ASP.NET客户端编码具有两个方面: 客户端脚本 :它在浏览器上运行,从而加快了页面的...

  • ASP.NET-HTML服务器

    HTML服务器控件基本上是对标准HTML控件的增强,它们可以启用服务器端处理。 服务器不...

  • ASP.NET-服务器控件

    控件是图形用户界面的小构建块,其中包括文本框,按钮,复选框,列表框,标签和许多其...

  • ASP.NET-服务器端

    我们研究了页面生命周期以及页面如何包含各种控件。 页面本身被实例化为控件对象。 所...

  • ASP.NET-事件处理

    事件是一种动作或事件,例如鼠标单击,按键按下,鼠标移动或任何系统生成的通知。 流...

  • ASP.NET-第一个示例

    ASP.NET页面由许多服务器控件以及HTML控件,文本和图像组成。 来自页面的敏感数据以及...

猜你感兴趣