ASP.NET - Điều khiển TextBox

Điều khiển TextBox được sử dụng để tạo hộp văn bản mà người dùng có thể nhập văn bản.

Điều khiển TextBox

Điều khiển TextBox được sử dụng để tạo hộp văn bản mà người dùng có thể nhập văn bản.

Các thuộc tính của điều khiển TextBox được liệt kê trong Sách tham khảo TextBox。

Ví dụ dưới đây trình bày một số thuộc tính mà bạn có thể sử dụng trong điều khiển TextBox:

<html>
<body>
<form runat="server">
Một TextBox cơ bản:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
Một TextBox mật khẩu:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
Một TextBox với văn bản:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
Một TextBox đa dòng:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
Một TextBox với độ cao:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
Một TextBox với độ rộng:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Hiển thị ví dụ này

Thêm mã script

Khi biểu mẫu được gửi, nội dung và cài đặt của điều khiển TextBox có thể được thay đổi bằng mã script trên máy chủ. Biểu mẫu có thể được gửi bằng cách nhấp vào một nút hoặc khi người dùng thay đổi giá trị trong điều khiển TextBox:

Trong ví dụ dưới đây, chúng ta đã khai báo một điều khiển TextBox, một điều khiển Button và một điều khiển Label trong một tệp .aspx. Khi nút submit được kích hoạt, hàm con submit sẽ được thực thi. Hàm con submit sẽ ghi một dòng văn bản vào điều khiển Label:

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="Tên của bạn là " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
Nhập tên của bạn:
<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>

Hiển thị ví dụ này

Trong ví dụ dưới đây, chúng ta đã khai báo một điều khiển TextBox và Label trong tệp .aspx. Khi bạn thay đổi giá trị trong TextBox và nhấp ngoài TextBox, hàm con change sẽ được thực thi. Hàm con change sẽ ghi một văn bản vào điều khiển Label:

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="Bạn đã thay đổi văn bản thành " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
Nhập tên của bạn:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Hiển thị ví dụ này