HTML控件跟Web控件的区别和联系 _Web前端

HTML控件和Web控件的区别和联系

在ASP.NET中，使用了两类控件，一类是HTML控件（又分为HTML控件和HTML服务器控件），还有一类是WEB控件。

从以下几个方面来了解他们的区别和联系

一：概念

HTML控件：就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过javascript和vbscript等程序语言来控制。<input type="button" id="btn" value="button"/>

Web控件：由ASP.NET 提供，也是ASP.NET所特有的。服务端控件。

二：实现机制：

HTML控件，HTML服务端控件，Web控件可以归为两类：客户端控件，服务端控件，HTML属于客户端控件。

客户端控件：只是简单由页面（浏览器）触发事件，不回置到服务器。客户端的事件只能添加到HTML源文件属性中，否则不能处触发。

服务端控件：由整个页面（浏览器）把Form发回到服务器端，由服务器来处理，然后通过转化为统一的HTML发送给客户端执行。可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

三：用法：

HTML控件和Web控件都拖拽到窗体直接使用，也可以用HTML文件直接添加。可以通过添加属性的方法

Web控件使用过程中通过单击控件即可进入后台编码，直接将数据提交到服务器。

HTML控件只有变为HTML服务器控件才可以在后台代码中找到该控件，否则不识别。runat="server"

HTML控件有两种方法控制控件的属性：比如（On_Clik)

1. 在HTML中，直接用vbscript和javaScript编写代码。

2. 通过在服务器端代码中添加属性的方法控制客户端控件的属性(HTML服务器控件）

四：适用范围：

以下几种情况可以优先考虑HTML控件：

HTML控件直接与浏览器界面交互，一些属性可以很好地设计浏览器的页面布局（align属性)，其中HTML控件和Web控件灵活结合适用效果更好，如我们通常用HTML控件中的Table作为页面布局，在Table中添加Web控件。

单击时触发: <INPUTtype="button" value="Click Me"onclick="alert('欢迎使用');">

总之：设计界面我们可以结合Web控件使用，在考虑性能我们选择HTML控件，简单，直观，易理解我们选择Web控件。

五：优缺点：

Web控件的优点（摘）

1)、Asp.net服务器控件提供更加统一的编程接口，如每个Asp.net服务器控件都有Text属性。

2)、隐藏客户端的不同，这样程序员可以把更多的精力放在业务上，而不用去考虑客户端的浏览器是ie还是firefox，或者是移动设备。

3)、Asp.net服务器控件可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

总之：Web控件简单，方便，读取数据容易，占用服务器资源。

　　　　HTML控件使用复杂，但效率提高，适合页面架构。

总结：HTML控件和Web控件各有利弊，灵活运用。