Html控件和Web控件（转）

作为一名ASP.NET的初学者，了解并且区别一些混淆概念是很必须的，今天这篇博文

就是主要向大家介绍一下Html控件和Web控件。在ASP.net中，用户界面控件主要就是

Html控件和Web控件，在前台页面上看，两种控件非常相似，那么究竟他们有什么不一

样呢？他们又分别适用于什么情况呢？这都是我们需要解决的问题。

 

     （一）首先，先来分别说一说Html控件和Web控件。

 

      Html控件：它是标准的Html标签。代码如下：

 

[html] view plain copy

 

 print?

1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>  

       值得注意的是，HTML控件可以通过修改代码将其变成服务器端控件，几乎所有的HT

ML标记只要加上runat="server"，这个服务器控件标识属性后都可以变成服务器端控件。

这与普通HTML标记相比最大的区别在于，服务器端控件可以通过服务器端代码来控制。

例如：

[html] view plain copy

 

 print?

1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>  

    

       Web控件：在这里，我们说的都是Web服务器控件。代码如下：

 

[html] view plain copy

 

 print?

1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>  

       它类似 HTML 服务器控件，同样在服务器创建,它在创建时默认有runat="server" 属性。不过，Web 服务器控件不必映射任何已有的 HTML元素，它们可代表更复杂的元素。

       1.特点：

         （1）.Web控件是对象，它与对象一样，拥有方法和属性，并且响应事件；

         （2）当Web控件包含在Web页中时，就可以设置其属性并调用其方法；

         （3）可以为Web控件编写服务器端代码以响应在客户端上发生的事件。（这点与

Html控件区别，Html控件是不能在服务器端控制的）

       2.分类：

 

 

     

     （二）再者，初步了解了Html和Web控件，我们还需要分析分析两者之间的区别。

 

       1.书写方面：   显而易见，与Web 服务器控件相比，Html控件没有 asp标记前缀，而

是使用Input。

      （1）Web 控件：

[html] view plain copy

 

 print?

1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox></span>  

 

      （2）Html控件：

[html] view plain copy

 

 print?

1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text"/></p>；</span>  

        2.响应事件方面：

 

      （1）Web 控件：Web控件可以响应服务器端事件，可以在后台代码中设置相关属性

和方法等；

      （2）Html控件：不可以响应服务器端事件，但是也是允许响应用户操作的事件的。

例如，按钮控件提供在用户单击按钮时将引发的 click 事件。你可以创建一个称为事件处

理程序的函数来处理该事件，然后向该控件注册此事件处理程序。

       关于如何注册此事件处理程序：一种方法是在HTML 中添加事件处理程序：将控件的

事件属性设置为 JavaScript 事件处理程序函数或 javascript语句的名称。另一种方法是

以编程方式添加它。对此我们不做过多解释，不是本篇的重点。

      3.编译处理方面：

      （1）Web 控件：Web控件需要通过服务器处理后译为HTML控件再发送给浏览器，

所以比较耗费服务器资源，并由于有VIEWSTATE，所以在回送的时候会保持控件状态（也

可以设置不保存）也因此增加了回送信息量。

      （2）Html控件：而Html控件则直接发送到浏览器，不另耗费服务器资源，但无状态

保存！     

       4.获取值方面：

      （1）Web 控件：WEB控件可以通过属性直接处理，

      （2）Html控件：服务器端要获得HTML控件的值   需要使用REQUEST的FORM 方法！

     （三）最后，根据以上方面的比较，我们可以得到一些经验：

       如果你不需要保存状态，也不需要获取值，那么可以考虑优先使用Html控件，反之，

如果需要对控件进行动态的处理，并且需要保存其状态，那么优先使用Web控件。