实验3 HTML控件和Web服务器控件的使用.swf.doc

《实验3 HTML控件和Web服务器控件的使用.swf.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实验3HTML控件和Web服务器控件的使用实验目的1.了解HTML控件及WEB服务器控件的种类及其功能2.掌握常用控件的基本属性的设置；3.熟悉HTML控件及其应用；4.掌握WEB服务器控件及其应用；实验学时2学时实验内容及步骤1.熟悉基本的HTML控件和Web服务器控件（1）创建一个ASP.NET的网站mysite3，并新建一个名为3-1.aspx的web窗体。（2）在Web窗体中用标准控件和HTML控件进行界面设计。a.打开“视图”→“工具箱”选项，从“工具箱”的“HTML”选项卡中选取各种不同的控件。

2、b.打开“视图”→“属性”选项，在“属性”窗口中设置控件的相应属性。c.通过快捷菜单中的“作为服务器控件运行”菜单项将HTML标记转换为HTMLServer控件，分别在设计视图及代码视图中观察控件的变化。（3）保存文件，按F5执行程序，查看执行结果。2.基本控件的使用制作一个用户注册页面，点击提交按钮后，隐藏注册界面并把结果输出显示在当前页面上，点击取消则清空填写的信息。基本步骤如下：（1）在网站mysite3中新建一个名为3-2.aspx的web窗体（2）在3-2.aspx中添加2个Panel控件，2个H

3、TML表格，1个Label控件，3个Textbox控件，1个Button控件，1个HTML的input按钮控件，1个RadioButtonList控件，3个DropDownList控件，4个CheckBox控件，2个Image控件，制作一个用户注册界面，布局如图3-2-1所示。图控件布局（3）为各个控件设置基本属性，其主要属性设置如表3-1所示。表3-13-1.aspx文件包含的主要控件及其属性控件类型控件类型控件ID属性属性值备注WEB控件LabellblScFont-Size13px输出信息WEB控件T

4、extboxtxtXm-----输入姓名WEB控件TextboxtxtDd-----输入地址WEB控件TextboxtxtDh-----输入电话WEB控件ButtonbtnTjtext提交HTML控件inputButton1value取消HTML控件inputButton1typeresetWEB控件RadioButtonListrbtnlistListItem男/女依次输入WEB控件DropDownListddlNianListItem1996-1990依次输入WEB控件DropDownListddlYu

5、eListItem1-12依次输入WEB控件DropDownListddlXxListItem黄冈师范学院湖北师范学院华中师范大学依次输入WEB控件CheckBoxchkBox1Text运动WEB控件CheckBoxchkBox2Text旅游WEB控件CheckBoxchkBox3Text购物WEB控件CheckBoxchkBox4Text音乐WEB控件Imageimg1ImageUrl~/pictures/kt.jpgWEB控件ImageImg2----WEB控件PanelPanel1Width90%WE

6、B控件PanelPanel2VisibleFalseWEB控件PanelPanel2styletext-align:left（4）双击提交按钮，打开3_2.aspx界面的代码设计器窗口。在btnTj_Click事件处理器的编辑区中输入下列代码：protectedvoidbtnTj_Click(objectsender,EventArgse){Panel1.Visible=false;Panel2.Visible=true;stringstr1,str2,str3,str4,str5,str6,str7;st

7、r1="姓名："+txtXm.Text;str2="性别："+rbtnlist.SelectedValue;str3="出生年月："+ddlNian.SelectedValue+"年"+ddlYue.SelectedValue+"月";str4="爱好：";if(chkBox1.Checked==true){str4=str4+chkBox1.Text;}if(chkBox2.Checked==true){str4=str4+""+chkBox2.Text;}if(chkBox3.Checked==true

8、){str4=str4+""+chkBox3.Text;}if(chkBox4.Checked==true){str4=str4+""+chkBox4.Text;}str5="电话："+txtDh.Text;str6="毕业学校："+ddlXx.SelectedValue;str7="家庭地址："+txtDd.Text;lblSc.Text=str1+"
"+str2+"
"+str3+"