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>