共计 1646 个字符，预计需要花费 5 分钟才能阅读完成。
| 导读 | TextBox 控件用于创建用户可输入文本的文本框。 |
extBox 控件
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> |
正文完
星哥玩云-微信公众号
