ASP .NET - TextBox 控件

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

TextBox 控件

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

TextBox 控件的属性列在我们的 TextBox 控件参考手册中。

下面的例子演示了您可能在 TextBox 控件中使用到的一些属性：

  1. <html>
  2. <body>
  3.  
  4. <form runat="server">
  5.  
  6. A basic TextBox:
  7. <asp:TextBox id="tb1" runat="server" />
  8. <br /><br />
  9.  
  10. A password TextBox:
  11. <asp:TextBox id="tb2" TextMode="password" runat="server" />
  12. <br /><br />
  13.  
  14. A TextBox with text:
  15. <asp:TextBox id="tb4" Text="Hello World!" runat="server" />
  16. <br /><br />
  17.  
  18. A multiline TextBox:
  19. <asp:TextBox id="tb3" TextMode="multiline" runat="server" />
  20. <br /><br />
  21.  
  22. A TextBox with height:
  23. <asp:TextBox id="tb6" rows="5" TextMode="multiline"
  24. runat="server" />
  25. <br /><br />
  26.  
  27. A TextBox with width:
  28. <asp:TextBox id="tb5" columns="30" runat="server" />
  29.  
  30. </form>
  31.  
  32. </body>
  33. </html>

添加脚本

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

在下面的例子中，我们在一个 .aspx 文件中声明了一个 TextBox 控件、一个 Button 控件和一个 Label 控件。当提交按钮被触发时，submit 子例程就会被执行。submit 子例程会向 Label 控件写一条文本：

  1. <script runat="server">
  2. Sub submit(sender As Object, e As EventArgs)
  3. lbl1.Text="Your name is " & txt1.Text
  4. End Sub
  5. </script>
  6.  
  7. <html>
  8. <body>
  9.  
  10. <form runat="server">
  11. Enter your name:
  12. <asp:TextBox id="txt1" runat="server" />
  13. <asp:Button OnClick="submit" Text="Submit" runat="server" />
  14. <p><asp:Label id="lbl1" runat="server" /></p>
  15. </form>
  16.  
  17. </body>
  18. </html>

在下面的例子中，我们在一个 .aspx 文件中声明了一个 TextBox 控件和一个 Label 控件。当您更改了 TextBox 中的值，并且在 TextBox 外单击时，change 子例程就会被执行。change 子例程会向 Label 控件写一条文本：

  1. <script runat="server">
  2. Sub change(sender As Object, e As EventArgs)
  3. lbl1.Text="You changed text to " & txt1.Text
  4. End Sub
  5. </script>
  6.  
  7. <html>
  8. <body>
  9.  
  10. <form runat="server">
  11. Enter your name:
  12. <asp:TextBox id="txt1" runat="server"
  13. text="Hello World!"
  14. ontextchanged="change" autopostback="true"/>
  15. <p><asp:Label id="lbl1" runat="server" /></p>
  16. </form>
  17.  
  18. </body>
  19. </html>