■②设置控件属性。设置用于输入评论的 TextBox1控件的 TextMode属性 值为 Multiline,Text属性值为空字符串;设置用于输入密码的 TextBox3控件的 TextMode属性值为 Password;设置 Button1控件的Text 属性值为“发评论(At+S”,Aces-ey属性为S,可以按At+S快捷键 访问;将 Label挖控件的Text属性的内容清空 ③编写事件过程代码。在设计视图中,双击 Button1控件,在 Button1Cick事件过程框架中输入以下代码: protected void Button1_Click(object sender, EventArgs e) Label1Text="评论:"+ TextBox1Text+"<br/>"; LabellText= Labelltext+"登录名:"+ TextBox2Text+"<br/>" Label1Text= Label1.tex+"密码:"+ TextBox3Text; ④运行网站。单击“启用调试”按钮,运行当前Web窗体,在文本 框中输入内容,按At+S快捷键,显示如图2-3所示
◼ ② 设置控件属性。设置用于输入评论的TextBox1控件的TextMode属性 值为MultiLine,Text属性值为空字符串;设置用于输入密码的 TextBox3控件的TextMode属性值为Password;设置Button1控件的Text 属性值为“发评论(Alt+S)”,AccessKey属性为S,可以按Alt+S快捷键 访问;将Label1控件的Text属性的内容清空。 ◼ ③ 编写事件过程代码。在设计视图中,双击Button1控件,在 Button1_Click事件过程框架中输入以下代码: ◼ protected void Button1_Click(object sender, EventArgs e) ◼ { ◼ Label1.Text="评论:"+TextBox1.Text+"<br/>"; ◼ Label1.Text = Label1.Text + "登录名:" + TextBox2.Text + "<br />"; ◼ Label1.Text = Label1.Text + "密码:" + TextBox3.Text; ◼ } ◼ ④ 运行网站。单击“启用调试”按钮, 运行当前Web窗体,在文本 框中输入内容,按Alt+S快捷键,显示如图2-3所示
2. Image Button控件 语法格式如下: <asp: Image Button ID=Image" runat= server ImageUrl="图像的URL onclick="Image Button1_Click"./> 表2-6 mage Button控件的常用属性 属性 ImageUrl 设置或获取按钮上要显示的图像的URL Aete在图像无法显示时显示的替换文字 表2-7 mageButton控件的常用事件 事 说明 Click 单击按钮时会引发该事件,并且包含该按钮的窗体会提交给服务器
◼ 2.ImageButton控件 ◼ 语法格式如下: ◼ <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="图像的URL" ◼ onclick="ImageButton1_Click" … />
【演练2-3】网页第一次显示时显示一个初始图像按钮, 同时显示一行提示,如图2-5所示。单击该图像按钮后,该 图像按钮上显示初始图像后的第一个图像按钮,同时显示 行提示,如图2-6(a)所示;单击图像按钮显示第二个 图像按钮,如图2-6(b)所示,即实现单击图像按钮交替 显示图26(a)、(b)这两张图像 水母,初始图片,单击切换到新图片 考拉,单击图片切换到另外一张 企鹅,单击图片切换到另外一张 (b) 图2-5初始图像按钮 图2-6交替显示的两个图像按钮
◼ 【演练2-3】 网页第一次显示时显示一个初始图像按钮, 同时显示一行提示,如图2-5所示。单击该图像按钮后,该 图像按钮上显示初始图像后的第一个图像按钮,同时显示 一行提示,如图2-6(a)所示;单击图像按钮显示第二个 图像按钮,如图2-6(b)所示,即实现单击图像按钮交替 显示图2-6(a)、(b)这两张图像
1)设计页面 新建网站,添加Web窗体,切换到设计视图,在 Default. aspx中添加一个 ImageButton控件和一个 Label控件 2)设置控件属性 ①右击网站名称,在快捷菜单中单击“新建文件夹”,如 图2-7所示,输入文件夹名称“ Images” ex2-3. Microsoft Visual5tudo理员 m×m 文件(偏(E视图V网站生成的调试①)团队M数题A格式O)工具 体系结构(试()分析窗口w帮(们 时H|A2△Dn日 B Default. aspx 解决方案资源理器 解决方案ex2-3(1个项目 1 C\ex2-3\ 西生成网钻(D Shift.F6 a Default. aspx 发布网站(H s webconfi 三添加新项(W Ctrl+Shift+A 国添加现有项G Shift- AIt+A 新建文件夹①) 添加 ASP NET文件夹) 添用(F 添加Web引用( 添加务引用0S 查看类图 解决方案,团队源 复制网站 图2-7新建文件夹
◼ (1)设计页面 ◼ 新建网站,添加Web窗体,切换到设计视图,在 Default.aspx中添加一个ImageButton控件和一个Label控件。 ◼ (2)设置控件属性 ◼ ① 右击网站名称,在快捷菜单中单击“新建文件夹”,如 图2-7所示,输入文件夹名称“Images
右击文件夹名称“ Images”,在快捷菜单中单击“添加现 有项”,如图28所示,浏览到“库→图片→公用图片→示 例图片”,选中“水母”、“考拉”和“企鹅”图片,把 这3张图片添加到“ Images”文件夹中 00ex2-3- Microsoft Visual Studio理员 文件()偏视图V网站5生成(B)调试D)团队M数据(A)格式O)工具 体结构()试5)分析(N)口帮助0 认大B| Default apex 解决方率资源管理 p 解决方案“ex2-3”(1个项目 ∥cVex23 添加新项W Ctrl+Shift+Aa Jellyfish jpg 三添加现有项G Shift. AIt .A Koala jpg 新建文件夹(D) Default.aspx 添加 ASPNET又件哭) 在浏器中直看(B 浏方式什 期新文件夹 剪切① Ctrl+x 3复制Y Ctrl-C 率。团队资源 就私贴P corley 图2-8添加图片
◼ 右击文件夹名称“Images”,在快捷菜单中单击“添加现 有项”,如图2-8所示,浏览到“库→图片→公用图片→示 例图片”,选中“水母”、“考拉”和“企鹅”图片,把 这3张图片添加到“Images”文件夹中