ASP.Net 中的三种控件

---恢复内容开始---

第一种：HTML控件

ASP.Net把HTML控件当成普通字符串渲染到浏览器端，不去检查正确性、无法在服务器端进行处理。

比如：

 <input111 type="text" name="name" value=" " />
 <input type="text" name="name" value=" " />

自己写的错误的HTML控件不会在浏览器显示，也不会报错。

 //客户端：
 <input type="text" name="name" value=" " id="text1"/>
 ------------------------------------------------------- //服务器端：
 protected void Page_Load(object sender, EventArgs e)
 {
         text1.Text = "abc";  //报错，名称"text1"不存在
 }

第二种：ASP.Net服务端控件

经过ASP.Net高度封装的控件，使用简单，运行在服务器端，可以在服务端使用C#代码进行操作，会渲染到客户端为HTML控件。

比如：

 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

在浏览器端渲染为：

 <input name="TextBox1" type="text" id="TextBox1" />

第三种：runat="server"的HTML控件。

在HTML控件的基础上添加 runat="server"，也是运行在服务器端的，也可以服务器端使用C#代码进行操作，也会渲染到客户端，不像ASP.Net服务端控件那样高度封装，暴露的属性大部分是普通HTML属性。和ASP.Net服务端控件相比的好处是：当需要服务器端要对控件进行操作的时候，如果控件没有被ASP.Net服务端控件封装的时候，用runat="server"的HTML控件很方便，runat="server"的HTML控件也会对虚拟路径、id -> ClientID 进行处理，所以在使用虚拟路径、UserControl中也可能会用到。

比如：

 protected void Page_Load(object sender, EventArgs e)
 {
      //ASP.Net服务器端控件高度封装，设置样式
      TextBox1.BackColor = Color.Red;   //设置背景颜色
      TextBox1.BorderStyle = BorderStyle.Dotted; //设置边框

      //runat="server"的HTML控件没有封装，设置样式方式不统一
      //Text1为文本框id，td1为表格的单元格id
      Text1.Value = "aaa";  //设置文本框内的值
      td1.Align = "center";
      td1.BgColor = "red";
      td1.Width = "50%";
 }
 ------------------------------------------------------------
 //Text1能按原始的方式设置样式
 <input type="text" style="background-color:Green;border:dotted;" runat="server" id="Text1"/>   

<a> -> HtmlAnchor；<form> -> HtmlForm；head -> HtmlHead；input -> HtmlInputButton、HtmlInputCheckBox、HtmlInputText等；meta -> HtmlMeta；table -> HtmlTable；tr -> HtmlTableRow；td -> HtmlTableCell；title -> HtmlTitle。未单独封装的标签（比如div）对应类型为HtmlGenericControl。使用Attributes属性操作未封装的属性。

PS：在JS脚本中取第一种和第三种服务器端控件的ID方法：

document.getElementById("<%=Button1.ClientID %>");

document.getElementById("<%=TextBox1.ClientID %>");