ASP.NET - TextBox Control

The TextBox control is used to create a text box where users can enter text.

TextBox control

The TextBox control is used to create a text box where users can enter text.

The properties of the TextBox control are listed in our TextBox Control Reference Manual.

The following example demonstrates some properties you may use in the TextBox control:

<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>

Display This Example

Add script

When the form is submitted, the content and settings of the TextBox control can be modified by the server script. The form can be submitted by clicking a button or when the user changes the value in the TextBox control.

In the following example, we declare a TextBox control, a Button control, and a Label control in a .aspx file. When the submit button is triggered, the submit subroutine will be executed. The submit subroutine will write a text to the Label control:

<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>

Display This Example

In the following example, we declare a TextBox control and a Label control in a .aspx file. When you change the value in the TextBox and click outside the TextBox, the change subroutine will be executed. The change subroutine will write a text to the Label control:

<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>

Display This Example