返回首页

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-客户端

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

  • ASP.NET-HTML服务器

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

  • ASP.NET-服务器控件

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

  • ASP.NET-服务器端

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

  • ASP.NET-事件处理

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

  • ASP.NET-第一个示例

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

  • 猜你感兴趣
  • 教育技术学动态
  • 教育技术学论文
  • 理论研究
  • 应用研究
  • 资源收藏
  • 百家观点
  • 英文文献
  • 中国电化教育
  • 电化教育研究
  • 中国远程教育
  • 开放教育研究
  • 现代教育技术
  • 远程教育杂志
  • 现代远距离教育
  • 中国教育信息化
  • 中国信息技术教育
  • 中小学信息技术
  • Flash龙8国际平台入口
  • Photoshop龙8国际平台入口
  • 3DMAX龙8国际平台入口
  • AutoCAD龙8国际平台入口
  • CorelDRAW龙8国际平台入口
  • Matlab龙8国际平台入口
  • 其他龙8国际平台入口
  • .Net龙8国际平台入口
  • Asp龙8国际平台入口
  • Php龙8国际平台入口
  • Jsp龙8国际平台入口
  • Ajax龙8国际平台入口
  • Android教程
  • 其他龙8国际平台入口
  • Word教程
  • Excel教程
  • PowerPoint教程
  • Ubuntu教程
  • 其他教程
  • 课件下载
  • 软件下载
  • 视频教程下载
  • 其他下载
  • 教案大全
  • 试题大全
  • 课件大全
  • 其他大全
  • 人像摄影
  • 风光摄影