ASP.NET Web Forms - TextBox 控件

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

TextBox 控件

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

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

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

实例

<html>  
<body>  

<form runat="server">  

A basic TextBox:  
<asp:TextBox id="tb1" runat="server" />  
<br /><br />  

A password TextBox:  
<asp:TextBox id="tb2" TextMode="password" runat="server" />  
<br /><br />  

A TextBox with text:  
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />  
<br /><br />  

A multiline TextBox:  
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />  
<br /><br />  

A TextBox with height:  
<asp:TextBox id="tb6" rows="5" TextMode="multiline"  
runat="server" />  
<br /><br />  

A TextBox with width:  
<asp:TextBox id="tb5" 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 id="txt1" runat="server" />  
<asp:Button OnClick="submit" Text="Submit" runat="server" />  
<p><asp:Label id="lbl1" 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 id="txt1" runat="server"  
text="Hello World!"  
ontextchanged="change" autopostback="true"/>  
<p><asp:Label id="lbl1" runat="server" /></p>  
</form>  

</body>  
</html>

演示实例 ?

powered by Gitbook 该教程制作时间: 2015-12-14 20:32:38