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

所属分类: 网络编程 / ASP.NET 阅读数: 1463
收藏 0 赞 0 分享

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 />
        密 &nbsp; 码:<asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="149px"></asp:TextBox>
        <br />
        备 &nbsp; 注:<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)
    {
    }
}

更多精彩内容其他人还在看

asp.net 虚方法、抽象方法、接口疑问

asp.net 虚方法、抽象方法、接口疑问等说明。
收藏 0 赞 0 分享

c#  操作符?? null coalescing operator

?? "null coalescing" operator 是c#新提供的一个操作符,这个操作符提供的功能是判断左侧的操作数是否是null,如果是则返回结果是右侧的操作数;非null则返回左侧的操作数。
收藏 0 赞 0 分享

.net 反序题目的详细解答第1/2页

在各种答案,以及平时面试过程中,这道题总归会有一些非常典型的错误发生。其中给老赵的感觉也非常有意思,不知其中的“思路”是否如老赵猜测那样。
收藏 0 赞 0 分享

implicitly convert type 'int' to 'short'的原因与解决方法

implicitly convert type 'int' to 'short'的原因与解决方法
收藏 0 赞 0 分享

比较完整的 asp.net 学习流程

好多朋友想学习后台编程语言,但请注意的事,学习后台是个循序渐进的过程,不可能一下就到位,其实不只是asp.net其它的编程语言都需要下面的一些知识。
收藏 0 赞 0 分享

官网 Ext direct包中.NET版的问题

下载了官网的 Ext direct 包进行研究,发现服务器端返回结果存在一点小问题。
收藏 0 赞 0 分享

C# XML操作 代码大全(读XML,写XML,更新,删除节点,与dataset结合等)第1/2页

C#操作XML(读XML,写XML,更新,删除节点,与dataset结合等),以下就是操作XML的所有方法,相信可以满足很大一部份的使用了。
收藏 0 赞 0 分享

c# 连接字符串数据库服务器端口号 .net状态服务器端口号

正常的数据库连接字符串配置,这是在MSSQL服务器端口是1433(默认)的情况下。
收藏 0 赞 0 分享

ASP.NET 路径问题的解决方法

相对路径和绝对路径在ASP.NET中可以用~/来解决.
收藏 0 赞 0 分享

asp.net TemplateField模板中的Bind方法和Eval方法

在TemplateField模板中为了能够有限制的或者取出数据库中某列的值时,可以用Bind和Eval方法来实现。以下是Bind方法的格式,Eval的格式也是和Bind一样的。 Bind("列的名称","显示的格式文")
收藏 0 赞 0 分享
查看更多