Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选

首页 / 网页编程 / ASP.NET / ASP.NET自定义控件从入门到精通1

ASP.NET自定义控件从入门到精通12011-04-17 博客园 hongbo0521我学习技术讲究以实践为主、理论为辅的方式学习,以成果来激励学习的积极性。这也是 我教书的一贯策略。所以在本系列所有的章节中,我都会以示例的方式来展示自定义控件开 发的细节,请各位博友点评并指正。

闲话少提,转入正题。本节中,我们要完成一个如图1.1所示的用户注册控件的开发:

图1.1 设计器效果图

这个注册页面的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>
<style type="text/css">
table
{
border:solid 1px blue;
width:auto;
height:auto;
font-family:黑体;
font-size:9pt;
text-align:center;
}
div
{
text-align:center;
}
</style>
</head>
<body>
<form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTI1MTk2NDQzM2RkeKVXxlbRlC6kwkW0xZb24MJiHos=" />
</div>
<div>
<table>
<caption>用户注册</caption>
<tbody>
<tr>
<td>用户名:</td>
<td>
<input name="txtUserName" type="text" id="txtUserName" />
</td>
</tr>
<tr>
<td>密&nbsp;&nbsp;码:</td>
<td>
<input name="txtPassword" type="password" id="txtPassword" />
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input name="txtSecPassword" type="password" id="txtSecPassword" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="btnRegister" value="注册" id="btnRegister" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" id="btnReset" value="重置" />
</td>
</tr>
</tbody>
</table>
</div>

<div>

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