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

更新時間：2016年04月25日 11:15:33 作者：Nerazzurri

TextBox 控件為用戶提供了一種向 ASP.NET 網(wǎng)頁中鍵入信息（包括文本、數(shù)字和日期）的方法。

TextBox控件又稱文本框控件，為用戶提供輸入文本的功能。

1．屬性

TextBox控件的常用屬性及說明如表1所示。

表1 TextBox控件常用屬性及說明

屬性	說明
AutoPostBack	獲取或設(shè)置一個值，該值指示無論何時用戶在TextBox控件中按〈Enter〉鍵或〈Tab〉鍵時，是否自動回發(fā)到服務(wù)器的操作
CausesValidation	獲取或設(shè)置一個值，該值指示當(dāng)TextBox控件設(shè)置為在回發(fā)發(fā)生時進(jìn)行驗(yàn)證，是否執(zhí)行驗(yàn)證
ID	控件ID
Text	控件要顯示的文本
TextMode	獲取或設(shè)置TextBox控件的行為模式（單行、多行或密碼）
Width	控件的寬度
Visible	控件是否可見
ReadOnly	獲取或設(shè)置一個值，用于指示能否只讀TextBox控件的內(nèi)容
CssClass	控件呈現(xiàn)的樣式
BackColor	控件的背景顏色
Enabled	控件是否可用

TextBox控件大部分屬性設(shè)置和Label控件類似，具體請參見Label控件屬性設(shè)置，下面主要介紹一下TextMode屬性。

TextMode屬性主要用于控制TextBox控件的文本顯示方式，該屬性的設(shè)置選項(xiàng)有以下3種。

　單行（SingleLine）：用戶只能在一行中輸入信息，還可以選擇限制控件接收的字符數(shù)。

　多行（MultiLine）：文本很長時，允許用戶輸入多行文本并執(zhí)行換行。

　密碼（Password）：將用戶輸入的字符用黑點(diǎn)（●）屏蔽，以隱藏這些信息。

例如：在驗(yàn)證用戶登錄密碼時，可以將TextBox控件的TextMode屬性設(shè)置為Password，其運(yùn)行效果如圖1所示。

在填寫備注資料時，文字可能會很多，此時可將TextBox控件的TextMode屬性設(shè)置為MultiLine，其運(yùn)行結(jié)果如圖2所示。

隱藏登錄密碼

圖1 隱藏登錄密碼

填寫備注資料

圖2 填寫備注資料

2．方法

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

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

方法	說明
DataBind	將數(shù)據(jù)源綁定到被調(diào)用的服務(wù)器控件及其所有子控件上
Focus	為控件設(shè)置輸入焦點(diǎn)
Dispose	使服務(wù)器控件得以在從內(nèi)存中釋放之前執(zhí)行最后的清理操作
Equals	確定兩個對象實(shí)例是否相等

TextBox控件的Focus方法主要用來獲得其焦點(diǎn)，例如：用戶在一個含有TextBox控件頁面的Page_Load事件中編寫了如下代碼：

復(fù)制代碼代碼如下:

protected void Page_Load(object sender, EventArgs e)

{

    TextBox1.Focus();

}

運(yùn)行結(jié)果如圖3所示。

獲得TextBox控件焦點(diǎn)

圖3 獲得TextBox控件焦點(diǎn)

3．事件

TextBox控件常用事件同Label控件類似，具體請參見Label控件常用事件。
4．示例

示例：

TextBox控件示例

下面示例主要通過設(shè)置3個TextBox控件不同的TextMode屬性值來對比其運(yùn)行效果。新建一個網(wǎng)站，默認(rèn)主頁為Default.aspx，在Default.aspx頁面上添加3個TextBox控件，它們的屬性設(shè)置如下。

　輸入用戶名的TextBox控件：TextMode屬性設(shè)為SingleLine，BackColor屬性為#FFE0C0（淺黃色），BorderColor屬性為Blue（藍(lán)色）。

　輸入密碼的TextBox控件：TextMode屬性設(shè)為Password。

　輸入備注信息的TextBox控件：TextMode屬性設(shè)為MultiLine。

執(zhí)行程序，分別在3個文本框中輸入文字，示例運(yùn)行結(jié)果如圖4所示。

TextBox控件示例

圖4 TextBox控件示例

程序完整代碼如下：

前臺 Default.aspx

復(fù)制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<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

復(fù)制代碼代碼如下:

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)

    {

    }

}