ASP.NET - Kontrolka TextBox

Kontrolka TextBox służy do tworzenia pola tekstowego, w którym użytkownik może wprowadzać tekst.

Kontrolka TextBox

Kontrolka TextBox służy do tworzenia pola tekstowego, w którym użytkownik może wprowadzać tekst.

Właściwości kontrolki TextBox znajdują się w naszej Dokumentacja kontrolki TextBox

Poniższy przykład pokazuje niektóre z właściwości, które mogą być używane w kontrolce TextBox:

<html>
<body>
<form runat="server">
Podstawowy TextBox:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
TextBox z hasłem:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
TextBox z tekstem:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
Multilinijny TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
TextBox o wysokości:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
TextBox o szerokości:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Wyświetl ten przykład

Dodaj skrypt

Gdy formularz zostanie wysłany, zawartość i ustawienia kontrolki TextBox mogą być modyfikowane za pomocą skryptu serwerowego. Formularz można wysłać poprzez kliknięcie przycisku lub zmianę wartości w kontrolce TextBox.

W poniższym przykładzie, w pliku .aspx zadeklarowaliśmy kontrolkę TextBox, przycisk Button oraz kontrolkę Label. Gdy przycisk submit zostanie uruchomiony, wykonana zostanie procedura submit. Procedura submit zapisze tekst do kontrolki Label:

<script runat="server">
Podsekcja submit(sender As Object, e As EventArgs)
lbl1.Text="Twoje imię to " & txt1.Text
Koniec podsekcji
</script>
<html>
<body>
<form runat="server">
Wprowadź swoje imię:
<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>

Wyświetl ten przykład

W poniższym przykładzie, w pliku .aspx deklarujemy kontrolkę TextBox i kontrolkę Label. Kiedy zmienisz wartość w TextBox i klikniesz poza TextBoxem, subrutyna change zostanie wykonana. Subrutyna change napisać do kontrolki Label tekst:

<script runat="server">
Podsekcja change(sender As Object, e As EventArgs)
lbl1.Text="Zmieniłeś tekst na " & txt1.Text
Koniec podsekcji
</script>
<html>
<body>
<form runat="server">
Wprowadź swoje imię:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Wyświetl ten przykład