Ngôn ngữ ASP.NET - Điều khiển Textbox
Textbox của Web Forms
TextBox là điều khiển được dùng để nhập và hiển thị dữ liệu. TextBox thường được sử dụng nhiều với các ứng dụng trên windows form. Để tạo Textbox bạn có thể viết code hoặc kéo thả từ công cụ trực quan của VS.
Cú pháp Textbox phía Server:
< asp:TextBoxID="TextBox1" runat="server" ></asp:TextBox>
Phía server xử lý code trên trả về cho trình duyệt dạng HTML
<input name="TextBox1" id="TextBox1" type="text">
Điều khiển Textbox có các thuộc tính thường dùng:
Thuộc tính | Kiểu | Ý nghĩa |
(ID) | Chuỗi | Qui định tên của điều khiển. Tên của điều khiển là duy nhất. |
AccessKey | String | Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng. |
Attributes | AttributeCollection | Tập hợp các thuộc tính của điều khiển HTML |
BackColor | Color | Qui định màu nền của điều khiển. |
BorderColor | Color | Qui định màu đường viền của điều khiển. |
BorderStyle | BorderStyle | Qui định kiểu đường viền của điều khiển. |
Text | String | Hiển thị chuỗi ra Lable |
TextMode | Uint | Qui định chức năng của Textbox, có các giá trị sau:
- SingleLine: Hiển thị và nhập liệu 1 dòng văn bản |
Rows | Trong trường hợp thuộc tính TextMode = MultiLine, thuộc tính Rows sẽ qui định số dòng văn bản được hiển thị. | |
Wrap | Thuộc tính này qui định việc hiển thị của văn bản có được phép tự động xuống dòng khi kích thước ngang của của điều khiển không đủ để hiển thị dòng nội dung văn bản. Giá trị mặc định của thuộc tính này là True - tự động xuống dòng. | |
BorderWidth | Unit | Qui định độ rộng của đường viền. |
CssClass | String | Qui định hình thức hiển thị của điều khiển qua tên CSS. |
Enabled | Boolean | Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị. |
Font | FontInfo | Qui định Font hiển thị cho điều khiển |
ForeColor | Color | Qui định màu chữ hiển thị trên điều khiển |
Height | Unit | Qui định chiều cao của điều khiển |
ToolTip | String | Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển. |
Width | Unit | Qui định độ rộng của điều khiển. |
Ví dụ tạo trang textboxdemo.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TextBoxDemo.aspx.cs" Inherits="TextBoxDemo" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Nhập một dòng<asp:TextBox ID="txtDemo1" runat="server" style="margin-left: 39px" Width="231px"></asp:TextBox>
<br />
<br />
Nhập Mật khẩu:<asp:TextBox ID="txtDemo3" runat="server" style="margin-left: 34px" TextMode="Password" Width="220px"></asp:TextBox>
<br />
<br />
Nhập nhiều dòng <asp:TextBox ID="txtDemo2" runat="server" Rows="5" style="margin-left: 23px" TextMode="MultiLine" Width="240px">wrap= true: phép tự động xuống dòng khi kích thước ngang của của điều khiển không đủ để hiển thị dòng nội dung văn bản</asp:TextBox>
<br />
<br />
<asp:TextBox ID="txtDemo4" runat="server" Rows="5" style="margin-left: 136px" TextMode="MultiLine" Width="241px" Wrap="False">wrap= false:không cho phép tự động xuống dòng khi kích thước ngang của của điều khiển không đủ để hiển thị dòng nội dung văn bản</asp:TextBox>
<br />
</div>
</form>
</body>
</html>
Thuộc tính của Textbox
Trang kết quả khi bấm phím F5
Trong ví dụ trên chúng dùng điều khiển Textbox, chỉnh thuộc tính textmode để tạo ra các điều khiển khác nhau