asp.net夜话之六：asp.net基本控件（一）

asp.net夜话之六：asp.net基本控件（一）2011-02-28 csdn博客周金桥在本系列之三《》中讲到了HTML服务器控件，HTML服务器控件有如下特点：

（1）HTML服务器控件是建立在HTML控件的基础上，额外增加了一个在当前页面中唯一的ID属性值和一个runat=”server”属性；（2）HTML服务器控件必须放在服务器端表单中，也就是必须在<form runat=”server” id=”form表单ID”></form>标记之中。（3）HTML服务器控件最终在Web服务器处会被解释成普通HTML控件标记发送到客户端浏览器。asp.net服务器控件是微软为了方便开发者开发而推出的一系列控件，它们都以类似<asp:* ID="btnOK" runat="server" …/>的方式出现在Visual Studio 2005的源视图里，*代表了控件名，如<asp:Button ID="btnOK" runat="server" Text="提交" />就表示这是一个Button控件。asp.net服务器控件除了提供HTML服务器控件所能提供的功能之外，还有很多功能更为复杂的控件。这些控件可以分为简单控件、容器控件、数据绑定控件、数据源控件和数据验证控及用户自己根据自己业务需要将一些控件组合在一起组成的用户控件等。asp.net控件的特点与HTML服务器控件类似，也有如下特点：（1）asp.net服务器控件必须有一个在当前页面中唯一的ID属性和runat=”server”属性；（2）asp.net服务器控件必须放在服务器端表单中；（3）asp.net服务器控件最终会被解释成普通HTML标记发送到客户端浏览器。

本文主要介绍以下控件：

Button控件TextBox控件Web服务器控件的特殊客户端事件FileUpload控件Literal控件Panel控件PlaceHolder控件

Button控件

Button控件是asp.net开发时最常见的控件之一，我们创建一个页面名为ServerControl.aspx，下面就是这个页面的前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ServerControl.aspx.cs" Inherits="ServerControl" %>
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" width="100%">
<tr><td>
</td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td><asp:Button ID="btnOK" runat="server" Text="提交" /></td><td></td></tr>
</table>
</div>
</form>
</body>
</html>

这个页面在客户端一个只有一个提交按钮的页面，我们点击这个按钮的时候页面会刷新，它在客户端浏览器的HTML代码如下：

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
 无标题页
</title></head>
<body>
<form name="form1" method="post" action="ServerControl.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQ2OTkzNDMyMWRkT/VDzJ0SWn3BqgG/UOUV4Cqu7NY=" />
</div>
<div>
<table border="0" width="100%">
<tr><td>
</td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td><input type="submit" name="btnOK" value="提交" id="btnOK" /></td><td></td></tr>
</table>
</div>

<div>
 <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKFss63DQLdkpmPAbagjAxymGXZUaR5sNMBZHmUjoKd" />
</div></form>
</body>
</html>