TextBox控件又称文本框控件,用于输入或显示文本。TextBox控件通常用于可编辑文本,但也可以通过设置其属性值,使其成为只读控件。图1为TextBox控件。
![]()
图1 TextBox控件
TextBox控件常用的属性如表1所示。
表1 TextBox控件常用属性及说明
|
属性 |
说明 |
|
AutoPostBack |
获取或设置一个值,该值指示无论何时用户在TextBox控件中按〈Enter〉或〈Tab〉键时,是否自动回发到服务器的操作 |
|
CausesValidation |
获取或设置一个值,该值指示当TextBox控件设置为在回发发生时进行验证,是否执行验证 |
|
ID |
控件ID |
|
Text |
控件要显示的文本 |
|
TextMode |
获取或设置TextBox控件的行为模式(单行、多行或密码) |
|
Width |
控件的宽度 |
|
Height |
控件的高度 |
|
Visible |
控件是否可见 |
|
ReadOnly |
获取或设置一个值,用于指示能否更改TextBox控件的内容 |
|
CssClass |
控件呈现的样式 |
|
BackColor |
控件的背景颜色 |
|
Enabled |
控件是否可用 |
|
Columns |
文本框的宽度(以字符为单位) |
|
MaxLength |
可输入的最大字符数 |
|
Rows |
多行文本框显示的行数 |
|
ID |
获取或设置分配给服务器控件的编程标识符 |
TextBox控件大部分属性设置和Label控件类似,下面主要介绍一下TextMode属性。
TextMode属性主要用于控制TextBox控件的文本显示方式,该属性的设置选项有以下3种。
q 单行(SingleLine):用户只能在一行中输入信息,还可以通过设置TextBox的Columns属性值,限制文本的宽度;通过设置MaxLength属性值,限制输入的最大字符数。
q 多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行,还可以通过设置TextBox的Rows属性值,限制文本框显示的行数。
q 密码(Password):将用户输入的字符用黑点(●)屏蔽,以隐藏这些信息。
下面示例主要通过设置TextBox控件的TextMode属性值,制作会员登录界面。执行程序,并在两个TextBox文本中输入文字,示例运行结果如图2所示。

图2 使用TextBox控件制作会员登录界面
程序实现的主要步骤:
新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加两个TextBox控件,它们的属性设置如表2所示。
表2 TextBox控件属性设置
|
TextBox控件 |
属性值 |
|
输入会员名的TextBox控件 |
TextMode属性设置为SingleLine |
|
输入密码的TextBox控件 |
TextMode属性设为Password |
|
MaxLength属性值为“ |
下面示例主要通过设置TextBox控件的TextMode属性值,制作会员注册界面。执行程序,并在TextBox文本中输入文字,示例运行结果如图3所示。

图3 使用TextBox控件制作用户注册界面
程序实现的主要步骤:
新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加6个TextBox控件,它们的属性设置如表3所示。
表3 TextBox控件属性设置
|
TextBox控件 |
属性值 |
|
输入用户名的TextBox控件 |
TextMode属性设置为SingleLine |
|
Width属性设置为150px |
|
|
输入密码的TextBox控件 |
TextMode属性设为Password |
|
MaxLength属性值为“ |
|
|
Width属性设置为150px |
|
|
输入确认密码的TextBox控件 |
TextMode属性设为Password |
|
MaxLength属性值为“ |
|
|
Width属性设置为150px |
|
|
输入E-mail的TextBox控件 |
TextMode属性设置为SingleLine |
|
Width属性设置为150px |
|
|
输入详细地址的TextBox控件 |
TextMode属性设置为MultiLine |
|
Width属性设置为150px |
|
|
输入管理员提示的TextBox控件 |
TextMode属性设置为MultiLine |
|
Width属性设置为232px |
|
|
Height属性设置为92px |
|
|
ReadOnly属性设置为False |
|
|
BackColor属性设置为“#FFFF |
|
|
Text属性设置为 “用户须知: 我们将保护您的隐私权并保证您所提供的个人资料的保密性。我们所收集的个人资料仅用于为您提供服务。除此之外,我们只在您允许的情况下才使用您的个人资料,否则本网站决不会与第三方共享您的个人资料。” |
对于TextBox文本框中的信息,默认情况下是可以编辑的,但在制作Web页面(如:显示用户详细信息页),有时需要只显示文本框中的信息,而不需要修改TextBox中的信息。实现该功能,可以将TextBox控件的ReadOnly属性设置为True。代码如下:
this.TextBox1.ReadOnly =
true;
在制作Web页面,如在制作用户登录页面时,有时希望输入用户的密码只为6个字符,可以将输入密码的TextBox文本框的MaxLength属性值设置为6,即可限制用户输入的长度。代码如下:
this.TextBox1.MaxLength
=6;