html更改textbox的id,NET开发-WebForm中TextBox控件ID、Text、TextModel等属性的使用

ccf97dd17db022d6031d72d4957464ba.png.NET开发-WebForm中的TextBox控件

1. TextBox概述

在ASP.NET Web应用程序中,TextBox控件是文本框控件。用于在网页表单中,让用户输入文本内容,收集用户信息,然后再将收集到的信息发送到服务器端。

TextBox控件对应于Html中的标记。

在Visual Studio 2019中,可以直接将TextBox文本框控件拖放到需要的位置上,如果网页采用表格布局,则直接拖放到相应的单元格上即可,使用方法与Label控件是一样的。

如下图是在Visual Studio 2019的ASPX页面上拖放的TextBox控件。

08808218532fd7c54d910203e91fc77e.png

上图中,在

标记中添加了2个Web服务器控件,一个是Label控件,一个是TextBox控件,这2个控件一般同时出现,Label用于显示标签文本,TextBox用于输入文本内容。

2. TextBox属性

TextBox在C#中其实就是一个类,其中包括了许多的属性和方法。其中在ASPX页面上,使用的就是属性。

TextBox存在于System.Web.UI.WebControls命名空间中。

2.1. ID属性

ID属性是每个ASP.NET WebForm应用程序服务器控件必须具备的属性,用来指定控件的唯一ID值。

在同一个ASPX页面中,每个控件的ID属性值不能重复。

TextBox控件的ID值最好以“txt+有意义的单词”组成,便于后台C#代码中识别并赋值和获取值。

19b656e69ae538ed0d21d43035652aea.png

在上图中,将TextBox控件的ID属性值修改为txtName,表示名称。可在Html代码中直接修改,也可以在“属性”窗口中修改。

2.2. Text属性

TextBox控件的Text属性用于给文本框赋值,以及获取用户输入的值。在ASPX页面上右击,如下图所示:

fd76a5aa88ae570244754b4525a12fab.png

在上图中选择“查看代码”,转到后台的C#代码:

f6a4ecfef58b6ff24c47c3b1b568b878.png

在上图中,在Page_Load事件代码中编写的C#代码给TextBox控件的Text属性赋值。

将上面的ASPX页面运行一下,结果如下:

ea2cef65dd5f466cfca3608d66d8f39a.png

上图是在ASPX页面运行后,就执行Page_Load事件中的代码给文本框赋值。所以运行后文本框中就已经有值了。这个值“小明”是在后台Page_Load事件中赋值的。

现在获取在TextBox文本框中输入的值,使用按钮来查看结果,在ASPX页面上添加一个按钮:

cc65652e780dfdce534f5feb54c994d0.png

在上图中,拖放了一个Button按钮,切换到“设计”模式,双击“确定”按钮,如下C#代码:

44fff8d98e553d28fb80ba4eeea99a3d.png

在上图的按钮事件中,编写如下C#代码获取文本框的值并输出:

870fe5f115a08d712bb319ecafa7af3f.png

在上图的代码中,首先使用txtName.Text属性获取文本框的值,然后再使用Response.Write()方法输出获取的值。

运行结果如下图所示:

89636487abc3c9c54036429bae7e7300.png

在上图中,单击“确定”按钮后,在页面上将文本框中的值输出了。

注意:Page_Load事件在单击按钮之前运行,所以如果在文本框中输入其它文本,则输出的还是“小明”,可以将Page_Load中的代码注释掉:

d735b20d05a116a71f5eeb6898a9a20d.png

再运行一下结果:

2.3. 判断是否为空

如果要判断TextBox文本框的值是否为空,则可以使用如下C#代码实现:

if(TextBox1.Text==""){}还可以使用方法string.IsNullOrEmpty()判断字符串是null或空。C#代码如下:

if(string.IsNullOrEmpty(TextBox1.Text)){}另外,还可以使用方法string.IsNullOrWhiteSpace()判断字符串是null、空””或空白字符。这个方法的功能最强大。C#代码如下:

if(string.IsNullOrWhiteSpace(TextBox1.Text)){}2.4. TextMode属性

TextBox控件的TextMode属性可以指定文本框是密码框、单行文本框和多行文本框:

1) SingleLine:默认值,表示单行文本框。

如果省略了TextMode属性,则默认就是单行文本框。

2) MultiLine:表示多行文本框。

当TextModel属性的值为MultiLine,则表示多行文本框,可以输入更多的内容。

3) Password:表示密码框。

当TextModel属性的值为Password,表示密码框,输入的内容隐藏起来。

2.5. MaxLength属性

TextBox控件的MaxLength属性用于指定文本框中最大可以输入的字符数。

表示密码值最大为20个字符,1个汉字也是1个字符,是Unicode字符。

2.6. Length属性

使用TextBox控件的Length属性获取文本框中共输入了多少个字符。Length属性统计字符串的长度。

2.7. ReadOnly属性

ReadOnly属性用于设置文本框控件是否处于只读状态,其值为true或false,默认值为false,表示可输入内容,当设置为ReadOnly=“true”时,表示文本框为只读状态。

此时的文本框处于只读状态,不可输入内容。

2353a3764384a5c4067e316c2b498eed.png

注意:只要ASP.NET服务器控件存在ReadOnly属性,其含义与文本框的ReadOnly属性一样,都是设置控件是否处于只读状态。如Button控件也具有ReadOnly属性。

举报/反馈

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值