北京联合大学
实验报告
课程名称： Web技术：实验05
学 院： 信息学院 专 业： 信息计算机
班 级： 1302B 学 号： 2013080332013
姓 名： 何腾江 成 绩：
2016年03月16日
ASP.NET的常用控件
实验05、用户注册页面
一、实验目的
1、掌握常用控件的使用方法；
2、熟练掌握服务器控件的添加，控件属性的添加和更改；
3、熟练掌握服务器控件的事件过程的创建方法；
4、熟练掌握Web应用程序的创建、打开和运行方法；
5、掌握Web应用程序的基本调试、排错方法。
二、实验内容
编程实现用户注册页面，用户填写注册内容后，单击“提交”按钮，在页面下方显示填写的内容；单击“重置”按钮，清空内容。页面运行图见教材P88。
三、实验步骤
1、设计页面
2、设置对象属性
3、编写事件代码
4、调试代码
四、网页截图
1、设计页面
2、设置对象属性
3、运行页面
4、不填写内容点击“提交”
5、填写注册内容：
6、重置后：
五、课后思考题
1、总结RadioButtonList、CheckBoxList、DropDownList的常用属性的设置、常用事件的编程处理技术。
答：RadioButtonList：P56
常用的属性设置：
CellPadding:获取或设置成员控件的边框和内容之间的距离（以像素为单位）；
CellSpacing:获取或设置相邻表成员控件之间的距离；
RepeatColumns:设置RadioButtonList控件中成员控件显示的列数；
RepeatDirection:获取或设置RadioButtonList控件中成员控件的显示方向；
SelectedIndex：获取或设置列表中被选定项的最低序号索引。如果没有成员被选中，则其值为-1；
SelectItem:获取列表控件中索引最小的选定项；
SelecedValue：获取列表控件中选定项的值，或选择列表控件中包含指定值的项；
Text：设置像是在控件旁边的说明文字；
CheckBoxList：
常用的属性设置：与RadioButtonList基本一致，它没有GroupName属性
DropDownList：
常用的属性设置：
Width：获取或设置列表控件的宽度；
Height：获取或设置列表控件的高度；
SelectedIndex：获取或设置列表中被选定项的最低序号索引。如果没有成员被选中，则其值为-1；
SelectItem:获取列表控件中索引最小的选定项；只读属性
SelecedValue：获取列表控件中选定项的值，或选择列表控件中包含指定值的项； 只
读属性
Text: 获取或设置列表控件的SelectedValue属性
AutoPostBack: 设置或获取当从列表控件中更改选定项时，是否自动发回到服务器；
六、源代码：
Login.aspx:
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Login.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 566px;
border: 1px solid #000000;
}
.style3
{
text-align: center;
height: 30px;
}
.style5
{
text-align: right;
width: 126px;
height: 19px;
}
.style6
{
text-align: left;
width: 369px;
height: 19px;
}
.style7
{
text-align: right;
width: 126px;
height: 104px;
}
.style8
{
text-align: left;
height: 104px;
width: 369px;
}
.style9
{
text-align: right;
width: 126px;
height: 30px;
}
.style10
{
width: 369px;
height: 30px;
}
.style13
{
text-align: center;
height: 47px;
text align center font-size: medium;
}
.style14
{
text-align: left;
width: 369px;
height: 30px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table align="center" class="style1">
<tr>
<td class="style13" colspan="2" style="background-color: #808080">
<strong>新?用®?户¡ì注Á¡é册¨¢</strong></td>
</tr>
<tr>
<td class="style9" style="background-color: #808080">
用®?户¡ì名?：êo</td>
<td class="style10" style="background-color: #808080">
<asp:TextBox ID="UserName" runat="server" Width="300px" Height="25px"
ontextchanged="UserName_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9" style="background-color: #808080">
密¨¹码?：êo</td>
<td class="style10" style="background-color: #808080">
<asp:TextBox ID="PassWordFirst" runat="server" Width="300px"
TextMode="Password" ontextchanged="PassWordFirst_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9" style="background-color: #808080">
再¨´次ä?输º?入¨?密¨¹码?：êo</td>
<td class="style10" style="background-color: #808080">
<asp:TextBox ID="PassWordSecond" runat="server" Width="300px"
TextMode="Password" ontextchanged="PassWordSecond_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9" style="background-color: #808080">
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论