ASP.NET中 TextBox 文本输入框控件的使用方法

TextBox控件又称文本框控件，为用户提供输入文本的功能。

1．属性

TextBox控件的常用属性及说明如表1所示。

表1 TextBox控件常用属性及说明

TextBox控件大部分属性设置和Label控件类似，具体请参见Label控件属性设置，下面主要介绍一下TextMode属性。

TextMode属性主要用于控制TextBox控件的文本显示方式，该属性的设置选项有以下3种。

　单行（SingleLine）：用户只能在一行中输入信息，还可以选择限制控件接收的字符数。

　多行（MultiLine）：文本很长时，允许用户输入多行文本并执行换行。

　密码（Password）：将用户输入的字符用黑点（●）屏蔽，以隐藏这些信息。

例如：在验证用户登录密码时，可以将TextBox控件的TextMode属性设置为Password，其运行效果如图1所示。

在填写备注资料时，文字可能会很多，此时可将TextBox控件的TextMode属性设置为MultiLine，其运行结果如图2所示。

图1 隐藏登录密码

图2 填写备注资料

2．方法

TextBox控件常用方法同Label控件类似，表2列出了它的一些常用方法。

表2 TextBox控件常用方法及说明

TextBox控件的Focus方法主要用来获得其焦点，例如：用户在一个含有TextBox控件页面的Page_Load事件中编写了如下代码：

代码如下:

protected void Page_Load(object sender, EventArgs e)
{
    TextBox1.Focus();
}

运行结果如图3所示。

图3  获得TextBox控件焦点

3．事件

TextBox控件常用事件同Label控件类似，具体请参见Label控件常用事件。
4．示例

示例：

TextBox控件示例

下面示例主要通过设置3个TextBox控件不同的TextMode属性值来对比其运行效果。新建一个网站，默认主页为Default.aspx，在Default.aspx页面上添加3个TextBox控件，它们的属性设置如下。

　输入用户名的TextBox控件：TextMode属性设为SingleLine，BackColor属性为#FFE0C0（浅黄色），BorderColor属性为Blue（蓝色）。

　输入密码的TextBox控件：TextMode属性设为Password。

　输入备注信息的TextBox控件：TextMode属性设为MultiLine。

执行程序，分别在3个文本框中输入文字，示例运行结果如图4所示。

图4  TextBox控件示例

程序完整代码如下：

前台 Default.aspx

代码如下:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
 
<head runat="server">
    <title>TextBox控件示例</title>
</head>
<body>
 
    <form id="form1" runat="server">
    <div>
        用户名：<asp:TextBox ID="TextBox1" runat="server" BackColor="#FFE0C0" BorderColor="Blue"
            OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
        <br />
        密   码：<asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="149px"></asp:TextBox>
        <br />
        备   注：<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox></div>
    </form>
</body>
</html>

后台 Default.aspx.cs

代码如下:

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
 
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
 
    protected void TextBox1_TextChanged(object sender, EventArgs e)
    {
    }
}