实验二 Web服务器控件Label. TextBox. Button.docVIP

实验二： Web服务器控件Label. TextBox. Button 目录 实例１：Label控件的使用 1 实例２：TextBox控件的使用1 2 实例3：TextBox控件的使用2 4 实例4：Button控件的使用 5 实例5：显示时间 6 实例6：textbox控件的使用3 7 实验内容 实例１：Label控件的使用 实验题目:用户在星期一到星期天访问该网页时,页面的Label标签的文字显示不同的内容. 实验步骤： (１)新建ASP.NET网站项目StudyLabel,删除默认Default.aspx页面,添加页面LabelControl.aspx。在其中添加一个Label控件,并设置其ID属性为lblDisplay,设置其Text属性为空. （２）然后进入该网页代码页面，编写Page_Load事件代码如下图 （３）代码中的Convert.ToInt32将后面的表达式转换成整数类型；DateTime类的属性Now获取当前服务器的日期时间。DayOfWeek获取当前日期是星期几，是枚举型，默认索引从０开始，０表示Sunday,1 表示Monday. (4)按Ctrl+F5键运行结果。 实例２：TextBox控件的使用1 实验题目:理解文本框TextMode属性和Text属性的用法。 实验步骤： 新建ASP.NET网站项目StudyTextBox,删除默认Default.aspx页面,添加页面 TextBoxControl001.aspx，在【布局】菜单栏中选择【插入表】，设置其属性为： 选中第一行表格，右键单击选择“合并单元格”。 再在表中添加3个TextBox控件，3个Label控件和一个Button控件： TextBoxControl001.aspx各个控件的属性设置 项目 控件类型 控件ID 其他属性 文本框 TextBox txtUserName TextMode:SingleLine; MaxLength:20 文本框 TextBox txtUserPassword TextMode:Password; MaxLength:20 文本框 TextBox txtUserResume TextMode:MutilLine; Rows:5 “用户名称” 标签Label1 lblUserName Text：空 “用户口令” 标签Label2 lblUserPassword Text：空 “用户简历” 标签Label3 lblUserResume Text：空 “确定”按钮 按钮Button btnComfirm Text：确定 （２）单击“确定”按钮以便能显示出用户输入的信息。主要编写btnConfirm_Click事件代码如下： （３）按Ctrl+F5键运行结果。 (4) 输入信息，单击“确定”按钮，运行结果显示。 实例3：TextBox控件的使用2 实验题目:理解文本框的AutoPostBack属性。 实验步骤： (１) 在ASP.NET网站项目StudyTextBox中添加页面TextBoxControl002.aspx。在其中添加1个TextBox控件，1个Label控件,修改文本框TextBox控件的AutoPostBack属性为True，修改Label的Text属性为空，其他属性不变。 （２）直接在文本框上双击鼠标，就到了TextBoxControl002.aspx.cs代码页面，主要编写TextBox1_TextChanged事件代码如下： （３）按Ctrl+F5键运行结果。 (4 )输入信息，单击“确定”按钮，运行结果显示。 实例4：Button控件的使用 实验题目:单击Button控件时引发的事件 实验步骤： (１) 在ASP.NET网站项目StudyTextBox中添加页面StudyButton1.aspx。在其中添加1个Button控件，设置其【text】属性值为“单击弹出对话框”。 （２）直接在文本框上双击鼠标，主要编写事件代码如下： （３）按Ctrl+F5键运行结果。 实例5：显示时间 实验题目: 显示时间与动态显示时间 实验步骤： (１) 在ASP.NET网站项目time2中添加页面time22.aspx。 （２）切换到源代码视图，在head/head之间编写代码如下： （３）按Ctrl+F5键运行结果。 实例6：textbox控件的使用3 实验题目: 显示时间与动态显示时间 实验步骤： (１) 在ASP.NET网站项目time2中添加页面time23.aspx。 （２）切换到源代码视图，编写代码如下： （３）按Ctrl+F5键运行结果。