ASP.NET Web Forms – TextBox 控件

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

TextBox 控件

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

TextBox 控件的特性和属性列在我们的 WebForms 控件参考手册页面。

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

实例

<html>

<body>


<form runat=\"server\">


A basic TextBox:

<asp:TextBox runat=\"server\" />

<br /><br />


A password TextBox:

<asp:TextBox TextMode=\"password\" runat=\"server\" />

<br /><br />


A TextBox with text:

<asp:TextBox Text=\"Hello World!\" runat=\"server\" />

<br /><br />


A multiline TextBox:

<asp:TextBox TextMode=\"multiline\" runat=\"server\" />

<br /><br />


A TextBox with height:

<asp:TextBox rows=\"5\" TextMode=\"multiline\"

runat=\"server\" />

<br /><br />


A TextBox with width:

<asp:TextBox columns=\"30\" runat=\"server\" />


</form>


</body>

</html>

演示实例 »

添加脚本

当表单被提交时，TextBox 控件的内容和设置可能会被服务器脚本修改。表单可通过点击一个按钮或当用户修改 TextBox 控件的值的时候进行提交。

在下面的实例中，我们在 .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 runat=\"server\" />

<asp:Button OnClick=\"submit\" Text=\"Submit\" runat=\"server\" />

<p><asp:Label runat=\"server\" /></p>

</form>


</body>

</html>

演示实例 »

在下面的实例中，我们在 .aspx 文件中声明了一个 TextBox 控件和一个 Label 控件。当您修改了 TextBox 中的值，并且在 TextBox 外部点击（或者按下了 Tab 键）时，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 runat=\"server\"

text=\"Hello World!\"

ontextchanged=\"change\" autopostback=\"true\"/>

<p><asp:Label runat=\"server\" /></p>

</form>


</body>

</html>

演示实例 »