HtmlControls和Webcontrols命名空间的区别

最新推荐文章于 2021-06-19 10:19:15 发布

weixin_34391445

最新推荐文章于 2021-06-19 10:19:15 发布

阅读量96

点赞数

文章标签： c# javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/tinaluo/p/7889443.html

版权

HtmlControls（以下简称HC）是对大部分Html标签的复制，这些标签原来是什么样，经过服务器解释后的HC就是什么样。要使用HC，只需要在相应的html标签内加上runat=“server”属性。例如：

<table border=1 cellspacing=0 cellpadding=4 Runat="Server">
<td Runat="Server"> Table Data </td>

Web controls（以下简称WC）是微软在原有html标签的基础上重新设计整理并抽象后的一套控件，虽然它最终还是会解释成html标签，但是它是对现有html标签的一种更合理更有意义的逻辑表示。为什么要建立这种不同的抽象？例如<select>标签，如果要建立一个单选下拉列表框，则如下：

<select name="favColor">
  <option> Red </option>
  <option> Blue </option>
  <option> Green </option>
</select>

如果要建立一个多选下拉列表框，则如下：

<select name="favColor" Size="3" MULTIPLE>
  <option> Red </option>
  <option> Blue </option>
  <option> Green </option>
</select>

运行结果：

可以看到，代码上很小的差别，显示出来的效果却差了很远。为了在代码中更清晰的表示这种差别，微软提供了两种<select>标签对应的WC：DropDownList 和 ListBox。

要使用WC，则按照如下形式：

<asp:TextBox id="username" Columns="30" Runat="Server"/>

另有一个例子说明了两者之间的区别

<%@ Page Language="C#" AutoEventWireup="true" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>HtmlButton使用示例</title>
<script language="javascript" type="text/javascript">
    function onClientclick() {
        alert("单击了按钮");
    }
</script>
<script type="text/C#" runat="server">
    protected void ButtonOnclick(object sender, EventArgs e)
    {
        Response.Write("服务器端处理按钮事件");
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <h3>HtmlButton使用示例</h3>
    </div>
    <button id ="button1" onclick="onClientclick()" >客户端按钮</button>
    <br /><br />
     <button id ="button2" runat="server" onserverclick="ButtonOnclick" >服务器端按钮</button>
    </form>    
</body>
</html>

转载于:https://www.cnblogs.com/tinaluo/p/7889443.html

weixin_34391445

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HtmlControls和Webcontrols命名空间的区别

HtmlControls（以下简称HC）是对大部分Html标签的复制，这些标签原来是什么样，经过服务器解释后的HC就是什么样。要使用HC，只需要在相应的html标签内加上runat=“server”属性。例如：<table border=1 cellspacing=0 cellpadding=4 Runat="Server"><td Runat="Server"&gt...
复制链接

扫一扫