ASP.NET Web Forms TextBox 控件

ASP.NET Web Forms TextBox 控件用于创建用户可输入文本的文本框

TextBox 控件

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

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

下面的范例演示了常用的 TextBox 控件的一些属性

<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<p>A basic TextBox: 
    <asp:TextBox id="tb1" runat="server" /></p>
<p>A password TextBox: 
    <asp:TextBox id="tb2" TextMode="password" runat="server" /></p>
<p>A TextBox with text: <asp:TextBox id="tb4" Text="Hello World!" runat="server" /></p>
<p>A multiline TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
</p>
<p>A TextBox with height:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" /></p>
<p>A TextBox with width:
<asp:TextBox id="tb5" columns="30" runat="server" /></p>
</form>

运行范例 »

添加脚本

当表单被提交时,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>
<!DOCTYPE html>
<meta charset="utf-8" />
<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>

运行范例 »

范例 2

下面的范例中,我们在 .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>
<!DOCTYPE html>
<meta charset="utf-8" />
<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>

运行范例 »

ASP.NET 基础教程

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.