Html controls 和 Web controls 的区别

Html controls（以下简称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"/>