ASP.net Textbox的使用方法

作者：袖梨 2022-06-25

TextBox控件用来创建一个可供用户输入文本的文本框。

TextBox的属性和特性列在我们的web控件参考手册中。

下面的例子演示了你可能会用到的TextBox控件的一些属性：

基本的TextBox：
<asp教程:TextBox id="tb1" runat="server" />

用于输入密码的TextBox：

带有文本的TextBox：

多行的TextBox：

具有高度的TextBox：
runat="server" />

具有宽度的TextBox：

大家在做Web开发的时候，可能也会遇到之前我所遇到的问题，在使用TextBox控件时，控件的边缘不能被背景图片完全覆盖掉，如图1：

因为Textbox解析后也是html—Text控件，而Text控件是默认有边，即是border:1px solid #000;

所以只要为Textbox控件加上如下的一小句CSS就可以了，即是“border:0px”，最后效果如图2：

②、大家在做Web开发时，不知道大家有没有发现，当将Textbox控件的TextMode = "MultiLine"，其实MaxLength已经失效了。

因为Textbox的属性TextMode为"MultiLine"时，其实解析过后是html—textarea控件，这个html控件是没有MaxLength属性的。

如果这时还想限制其输入长度：可以设置如下属性：

③、大家在做某些输入框时，可能希望做到得到焦点时触发某个事件，失焦时触发某个事件：

我写了两个JS刚好满足了如下效果：

然后，如下在Textbox控件中引用它们就可以了：


OnBlur="onblurFun(this,'帖子回复,输入字数限制为1000字')">

相关文章