ASP.NET入门教程:TextBox控件

WebjxCom提示:控件用于创建用户可输入文本的文本框,控件用于创建用户可输入文本的文本框。

上一篇介绍了ASP.NET入门教程:Web表单维持对象的ViewState,通过在 Web 表单中维持对象的 ViewState (视图状态),您可以省去大量的编码工作。

控件用于创建用户可输入文本的文本框。

TextBox 控件

TextBox 控件用于创建用户可输入文本的文本框。

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

属性

属性描述.NET
AutoCompleteType规定 TextBox 控件的 AutoComplete 行为。2.0
AutoPostBack布尔值,规定当内容改变时,是否回传到服务器。默认是 false。1.0
CausesValidation规定当 Postback 发生时,是否验证页面。2.0
Columnstextbox 的宽度。1.0
MaxLength在 textbox 中所允许的最大字符数。1.0
ReadOnly规定能否改变文本框中的文本。1.0
Rowstextbox 的高度(仅在 TextMode="Multiline" 时使用)。1.0
runat规定该控件是否是服务器控件。必须设置为 "server"。
TagKey
Texttextbox 的内容。1.0
TextMode规定 TextBox 的行为模式(单行、多行或密码)。1.0
ValidationGroup当 Postback 发生时,被验证的控件组。
Wrap布尔值,指示 textbox 的内容是否换行。1.0
OnTextChanged当 textbox 中的文本被更改时,被执行的函数的名称。

下面的例子演示了您可能在 TextBox 控件中使用到的一些属性:

<html>
<body>

<form runat="server">

A basic TextBox:
<asp:TextBox  />
<br /><br />

A password TextBox:
<asp:TextBox  />
<br /><br />

A TextBox with text:
<asp:TextBox  />
<br /><br />

A multiline TextBox:
<asp:TextBox  />
<br /><br />

A TextBox with height:
<asp:TextBox 
runat="server" />
<br /><br />

A TextBox with width:
<asp:TextBox  />

</form>

</body>
</html>

添加脚本

当表单被提交时,TextBox 控件的内容和设置可通过服务器脚本进行修改。可通过点击一个按钮或当用户更改 TextBox 控件中的值对表单进行提交。本文是网页教学www.webjx.com收集整理或者原创内容,转载请注明出处!

在下面的例子中,我们在一个 .aspx 文件中声明了一个 TextBox 控件、一个 Button 控件和一个 Label 控件。当提交按钮被触发时,submit 子例程就会被执行。submit 子例程会向 Label 控件写一条文本:

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="Your name is " & txt1.Text
End Sub
</script>

<html>
<body>

<form runat="server">
Enter your name:
<asp:TextBox  />
<asp:Button OnClick="submit" Text="Submit" runat="server" />
<p><asp:Label  /></p>
</form>

</body>
</html>

在下面的例子中,我们在一个 .aspx 文件中声明了一个 TextBox 控件和一个 Label 控件。当您更改了 TextBox 中的值,并且在 TextBox 外单击时,change 子例程就会被执行。change 子例程会向 Label 控件写一条文本:

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="You changed text to " & txt1.Text
End Sub
</script>

<html>
<body>

<form runat="server">
Enter your name:
<asp:TextBox 
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label  /></p>
</form>

</body>
</html>