《计算机网络技术》 asp.net 程序设计 文本类控件 笪静.

Presentation on theme: "《计算机网络技术》 asp.net 程序设计 文本类控件 笪静."— Presentation transcript:

1 《计算机网络技术》 asp.net 程序设计 文本类控件 笪静

2 学习目标 1.掌握Label控件的属性、方法。 2.掌握TextBox控件的属性、方法。

3 课程内容学习 一、Label 控件 文本类控件中我们主要掌握Label和TextBox两个控件。 Label 控件用来显示文字。
（1）语法格式 格式：<asp: Label ID=”控件名称” runat=“server” Text=“所要显示的文字”> 或 <asp: Label ID=”控件名称” runat=“server”>所要显示的文字 </asp: Label>

4 课程内容学习 （2）示例 例1：用label标签显示文字。如图1 图1

5 课程内容学习 实现步骤： 1、新建web窗体label.aspx。 2、在web窗体中添加Label控件，命名为Label1。
3、在web空白处双击，进入后置代码编辑窗口，在Page_Load中输入如下代码： protected void Page_Load(object sender, EventArgs e) { Label1.Text = "asp.net程序设计"; } 4、运行结果 显示效果如图1

6 课程内容学习 二、TextBox控件 TextBox 控件用来接收键盘键入的数据。 （1）语法格式 语法格式：
<asp: TextBox ID=”控件名称” runat=“server” text=“文本内容” … ></asp:TextBox>

7 课程内容学习 （2）属性 Textbox常用的属性如表1 表1 属 性 说 明 Text 设置或获取控件中的文本 TextMode
属 性 说 明 Text 设置或获取控件中的文本 TextMode 文本框类型：SingleLine（单行）、MultiLine（多行）、Password（密码） Rows 文本框类型为多行时，显示的行数 Columns 文本框显示的字符数（文本框的宽度） ReadOnly 文本框内容是否可以更改（True 或 False） AutoCompleteType 设置文本框的自动完成功能 EnableViewState 文本框是否启用视图状态（页面刷新后，是否保留文本框中的文本） AutoPostBack 文本框中文本修改后（失去焦点），是否回发给服务器 表1

8 课程内容学习 注意： 1、如果TextBox的TextMode属性设置为password时，为保证密码的安全性，页面刷新时，textbox中的密码将不保存。 2、如果AutoPostBack属性设置为True，当TextBox失去焦点时，页面将自动回发，将触发TextChanged事件，执行Textbox1_TextChanged事件处理过程中的代码（Textbox1是文本框控件的ID）。 3、Textbox控件的常用方法有focus方法，可以让文本框控件获得焦点。

9 课程内容学习 图2 在txt中输入6后，页面输出结果。 （3）示例
例2：在文本框中输入一个整数，标签显示该整数是偶数还是奇数。如图2 所示： 图2 在txt中输入6后，页面输出结果。

10 课程内容学习 实现步骤： 1、新建一个Web窗体TextBox.aspx
2、在Web窗体中，添加一个标签控件，命名为Label1，添加一个文本框控件，命名为Txt。 3、设置Txt的Text属性为1，AutoPostBack属性为True。 4、在设计视图中，双击Web窗体空白处，进入后置代码编辑视图，创建自定义函数EventOdd，进行奇偶数的判断。 protected string EvenOdd(string strNumber) { int intNumber = int.Parse(strNumber); if (intNumber % 2 == 0) return "偶数"; else return "奇数"; }

11 课程内容学习 5、设置Label1的Text属性为<%# EvenOdd(Txt.Text) %>
在后置代码编辑视图中，为Page_Load添加如下代码： protected void Page_Load(object sender, EventArgs e) { Label1.DataBind();//调用Label控件的DataBind方法，将数据绑定到 控件 。 } 6、运行结果 运行效果如图2。

12 任务总结与思考 1、Label控件的使用。 2、TextBox控件的使用。

13 课后练习 一、单选题 1、用于在页面上显示文本的控件是（）。
A. TextBox B. Button C. LinkButton D. Label 二、填空题 1、TextBox 控件中输入内容并当焦点离开TextBox控件时能触发TextChanged事件，应设置属性 。 2、当需要将TextBox控件作为密码输入框时（要求隐藏密码的代码），应该将控件的TextBox属性设置为 。

14 练习答案 一、选择题 1.D 二、填空题 1、AutoPostBack=“True” 2、Password
解析：TextBox 控件用来接收键盘键入的数据。Button控件可以分为提交按钮和命令按钮控件。LinkButton控件又称为超链接控件，该控件在功能上与Button控件相似，但它以超链接的形式显示。Label控件又称标签控件，主要用于显示文本。 二、填空题 1、AutoPostBack=“True” 解析：AutoPostBack属性设置为True，当TextBox失去焦点时，页面将自动回发，将触发TextChanged事件。 2、Password 解析：TextBox中的TextMode属性设置的是文本框类型分为三类，SingleLine（单行）、MultiLine（多行）、Password（密码）。

15 谢 谢