TextBox控件用来创建一个可供用户输入文本的文本框。
TextBox的属性和特性列在我们的web控件参考手册中。
下面的例子演示了你可能会用到的TextBox控件的一些属性:
<html>
<body><form runat="server">
基本的TextBox:
<asp教程:TextBox id="tb1" runat="server" />
<br /><br />用于输入密码的TextBox:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />带有文本的TextBox:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />多行的TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />具有高度的TextBox:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />具有宽度的TextBox:
<asp:TextBox id="tb5" columns="30" runat="server" /></form>
</body>
</html>
大家在做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属性的。
如果这时还想限制其输入长度:可以设置如下属性:
<asp:TextBox ID = "reply_note" runat = "server" TextMode = "MultiLine" onkeyup="this.value = this.value.slice(0, 1000)">
③、大家在做某些输入框时,可能希望做到得到焦点时触发某个事件,失焦时触发某个事件:
我写了两个JS刚好满足了如下效果:
<script type="text/网页特效"> //得到焦点时触发事件 function onFocusFun(element, elementValue) { if (element.value == elementValue) { element.value = ""; element.style.color = ""; } } //离开输入框时触发事件 function onblurFun(element, elementValue) { if (element.value == '') { element.style.color = "#808080"; element.value = elementValue; } } </script>
然后,如下在Textbox控件中引用它们就可以了:
<asp:TextBox ID = "reply_note" runat = "server" Text="帖子回复,输入字数限制为1000字" ForeColor = "#808080" OnFocus="onFocusFun(this,'帖子回复,输入字数限制为1000字')"OnBlur="onblurFun(this,'帖子回复,输入字数限制为1000字')"></asp:TextBox>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索开发
, 背景图片
, 控件
, 事件
, textbox
属性
,以便于您获取更多的相关知识。