TextBox控件

1TextBox控件的概述

TextBox控件又称文本框控件,用于输入或显示文本。TextBox控件通常用于可编辑文本,但也可以通过设置其属性值,使其成为只读控件。图1TextBox控件。

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):用户只能在一行中输入信息,还可以通过设置TextBoxColumns属性值,限制文本的宽度;通过设置MaxLength属性值,限制输入的最大字符数。

q    多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行,还可以通过设置TextBoxRows属性值,限制文本框显示的行数。

q    密码(Password):将用户输入的字符用黑点(●)屏蔽,以隐藏这些信息。

2.使用TextBox控件制作会员登录界面

下面示例主要通过设置TextBox控件的TextMode属性值,制作会员登录界面。执行程序,并在两个TextBox文本中输入文字,示例运行结果如图2所示。

2  使用TextBox控件制作会员登录界面

程序实现的主要步骤:

新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加两个TextBox控件,它们的属性设置如表2所示。

2                              TextBox控件属性设置

TextBox控件

属性值

输入会员名的TextBox控件

TextMode属性设置为SingleLine

输入密码的TextBox控件

TextMode属性设为Password

MaxLength属性值为“6

3.使用TextBox控件制作用户注册界面

下面示例主要通过设置TextBox控件的TextMode属性值,制作会员注册界面。执行程序,并在TextBox文本中输入文字,示例运行结果如图3所示。

3  使用TextBox控件制作用户注册界面

程序实现的主要步骤:

新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加6TextBox控件,它们的属性设置如表3所示。

3                              TextBox控件属性设置

TextBox控件

属性值

输入用户名的TextBox控件

TextMode属性设置为SingleLine

Width属性设置为150px

输入密码的TextBox控件

TextMode属性设为Password

MaxLength属性值为“6

Width属性设置为150px

输入确认密码的TextBox控件

TextMode属性设为Password

MaxLength属性值为“6

Width属性设置为150px

输入E-mailTextBox控件

TextMode属性设置为SingleLine

Width属性设置为150px

输入详细地址的TextBox控件

TextMode属性设置为MultiLine

Width属性设置为150px

输入管理员提示的TextBox控件

TextMode属性设置为MultiLine

Width属性设置为232px

Height属性设置为92px

ReadOnly属性设置为False

BackColor属性设置为“#FFFF80

Text属性设置为

用户须知:

  我们将保护您的隐私权并保证您所提供的个人资料的保密性。我们所收集的个人资料仅用于为您提供服务。除此之外,我们只在您允许的情况下才使用您的个人资料,否则本网站决不会与第三方共享您的个人资料。

应用锦囊

1.制作不可编辑的文本框

对于TextBox文本框中的信息,默认情况下是可以编辑的,但在制作Web页面(如:显示用户详细信息页),有时需要只显示文本框中的信息,而不需要修改TextBox中的信息。实现该功能,可以将TextBox控件的ReadOnly属性设置为True。代码如下:

this.TextBox1.ReadOnly = true;

2.限制文本框的输入字符长度

在制作Web页面,如在制作用户登录页面时,有时希望输入用户的密码只为6个字符,可以将输入密码的TextBox文本框的MaxLength属性值设置为6,即可限制用户输入的长度。代码如下:

this.TextBox1.MaxLength =6;