程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET中 TextBox 文本輸入框控件的使用方法

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

編輯:ASP.NET基礎

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

1.屬性

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

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

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

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控件常用方法及說明

方法 說明 DataBind 將數據源綁定到被調用的服務器控件及其所有子控件上 Focus 為控件設置輸入焦點 Dispose 使服務器控件得以在從內存中釋放之前執行最後的清理操作 Equals 確定兩個對象實例是否相等

TextBox控件的Focus方法主要用來獲得其焦點,例如:用戶在一個含有TextBox控件頁面的Page_Load事件中編寫了如下代碼:

復制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
    TextBox1.Focus();
}

運行結果如圖3所示。

獲得TextBox控件焦點

圖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所示。

TextBox控件示例

圖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)
    {
    }
}

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved