Hướng dẫn ASP.NET TextBox. Ở đây chúng ta thảo luận về phần giới thiệu và các thuộc tính của hộp văn bản asp.net cùng với cú pháp và ví dụ tương ứng.

Bạn đang xem : văn bản kiểu nhập asp

Giới thiệu về ASP.NET TextBox

Điều khiển máy chủ TextBox là một hộp đơn giản chấp nhận một số văn bản đầu vào từ người dùng. Tại sao tôi sử dụng thuật ngữ máy chủ? Chà, vì giống như tất cả các điều khiển máy chủ khác, ASP.NET cung cấp thẻ riêng cho điều khiển hộp văn bản được chạy tại máy chủ và mã HTML đã tạo được trả về dưới dạng phản hồi cho trình duyệt.

Vì vậy, theo quan điểm HTML, điều khiển TextBox tạo phần tử nhập văn bản HTML. Nó cho phép người dùng nhập một số văn bản và thực hiện các thao tác bắt buộc trên đó.

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

Cú pháp:

Điều khiển TextBox có thể được mã hóa bằng các thẻ do ASP.Net cung cấp hoặc kéo và thả bằng Visual Studio IDE. Tính năng kéo và thả cuối cùng tạo ra cùng một mã. Cú pháp của ASP.Net TextBox ở dạng đơn giản nhất là:

  & lt; asp: TextBox ID = "& lt; textBoxId & gt;" runat = "máy chủ" & gt; & lt; / asp: TextBox & gt;  

Hậu trường

Điều gì xảy ra ở hậu trường? Khi bạn gửi một yêu cầu từ trình duyệt cho một trang ASP.Net, máy chủ sẽ định vị mã thích hợp và công cụ ASP.Net bắt đầu biên dịch nó. Khi trình biên dịch ASP.Net gặp bất kỳ thẻ ASP nào được đánh dấu để chạy tại máy chủ, nó sẽ chuyển thẻ thành mã HTML gốc. Sau đó, mã HTML được tạo sẽ được gửi tới trình duyệt trong phản hồi.

Ví dụ: điều khiển ASP.Net TextBox được mã hóa là:

  & lt; asp: TextBox ID = "myTextBox" runat = "server" & gt; & lt; / asp: TextBox & gt;  

Máy chủ hiển thị nó cho trình duyệt trong điều khiển HTML sau:

  & lt; input name = "myTextBox" id = "myTextBox" type = "text" & gt;  

Thuộc tính của ASP.NET TextBox

Điều khiển ASP.Net TextBox đi kèm với nhiều thuộc tính được xác định trước. Các thuộc tính này được chuyển đổi thành các thuộc tính trong mã HTML gốc. Chúng giúp xác định hành vi bổ sung cho điều khiển TextBox. Hãy thảo luận chi tiết về một số trong số những cái thường được sử dụng:

1. BackColor, ForeColor

Thuộc tính này lấy hoặc đặt nền và màu nền trước của hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" BackColor = "DarkBlue" ForeColor = "White" runat = "server" & gt; & lt; / asp: TextBox & gt;  

2. BorderColor, BorderStyle và BorderWidth

Các thuộc tính này nhận hoặc thiết lập kiểu đường viền cho điều khiển hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" BorderWidth = "5" BorderColor = "Blue" BorderStyle = "dashed" runat = "server" & gt; & lt; / asp: TextBox & gt;  

3. BindingContainer

Điều khiển này nhận tham chiếu đến điều khiển liên kết cho hộp văn bản. Kiểm soát ràng buộc này giữ thông tin để liên kết dữ liệu với kiểm soát.

4. Hàng, Cột

Các thuộc tính này lấy hoặc đặt chiều cao và chiều rộng của hộp văn bản với số ký tự.

  & lt; asp: TextBox ID = "myTextBox" Rows = "5" Columns = "20" runat = "server" & gt; & lt; / asp: TextBox & gt;  

5. CssClass

Thuộc tính này nhận hoặc đặt lớp CSS được áp dụng cho điều khiển.

  & lt; asp: TextBox ID = "myTextBox" CssClass = "txtBxClass" runat = "server" & gt; & lt; / asp: TextBox & gt;  

6. Đã bật

Thuộc tính này nhận hoặc đặt giá trị cho biết điều khiển hộp văn bản được bật hay tắt. Giá trị mặc định là true.

  & lt; asp: TextBox ID = "myTextBox" Enabled = "false" runat = "server" & gt; & lt; / asp: TextBox & gt;  

7. Chiều cao, chiều rộng

Các thuộc tính này lấy hoặc đặt chiều cao và chiều rộng của hộp văn bản theo số lượng pixel.

  & lt; asp: TextBox ID = "myTextBox" Height = "100" Width = "500" runat = "server" & gt; & lt; / asp: TextBox & gt;  

8. ID

Thuộc tính này lấy hoặc đặt thuộc tính số nhận dạng duy nhất vào hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" runat = "server" & gt; & lt; / asp: TextBox & gt;  

9. MaxLength

Thuộc tính này nhận hoặc đặt một giá trị cho biết số ký tự tối đa được phép trong hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" MaxLength = "10" runat = "server" & gt; & lt; / asp: TextBox & gt;  

10. Chỉ đọc

Thuộc tính này cho biết liệu người dùng có thể thay đổi giá trị điều khiển hộp văn bản hay không. Giá trị mặc định là false.

  & lt; asp: TextBox ID = "myTextBox" ReadOnly = "true" runat = "server" & gt; & lt; / asp: TextBox & gt;  

11. Văn bản

Thuộc tính này lấy hoặc đặt nội dung văn bản (giá trị) của hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" Text = "Nhập văn bản vào đây .." runat = "server" & gt; & lt; / asp: TextBox & gt;  

12. TextMode

Thuộc tính này nhận hoặc đặt chế độ văn bản được nhập, chẳng hạn như nhiều dòng, mật khẩu, v.v.

  & lt; asp: TextBox ID = "myTextBox" TextMode = "MultiLine" runat = "server" & gt; & lt; / asp: TextBox & gt;  

13. Mẹo công cụ

Thuộc tính này nhận hoặc đặt giá trị chú giải công cụ sẽ được hiển thị khi con trỏ chuột được di chuột qua hộp văn bản.

  & lt; asp: TextBox ID = "myTextBox" TextMode = "Password" ToolTip = "Mật khẩu phải dài tối thiểu 8 ký tự." runat = "máy chủ" & gt; & lt; / asp: TextBox & gt;  

14. Hiển thị

Thuộc tính này xác định xem điều khiển hộp văn bản sẽ được hiển thị trên giao diện người dùng hay bị ẩn.

  & lt; asp: TextBox ID = "myTextBox" Visible = "false" runat = "server" & gt; & lt; / asp: TextBox & gt;  

Ví dụ về ASP.NET TextBox

Hãy để chúng tôi tạo biểu mẫu web ASP.Net với các hộp văn bản khác nhau để chứng minh hoạt động của ASP.Net TextBox và các thuộc tính của nó.

Bước 1 - Tạo một dự án ứng dụng web ASP.Net mới. Thao tác này sẽ tạo một mẫu shell với một ứng dụng đang hoạt động và một trang aspx mặc định.

Bước 2 - Đi tới tệp Default.aspx và xóa nội dung của mẫu trình bao để trông giống như bên dưới:

Bước 3 - Trong ngăn Hộp công cụ của Visual Studio IDE, bạn sẽ thấy một tập hợp các điều khiển Web sẵn sàng để kéo và thả trong dự án của bạn. Tìm điều khiển TextBox và kéo nó vào trang Default.aspx.

Bước 4 - Khi bạn bỏ điều khiển TextBox, bạn sẽ thấy thẻ ASP.Net TextBox được tạo tự động trong tệp Default.aspx của mình. Sửa đổi mã để trông giống như bên dưới.

Ngoài ra, bạn có thể bỏ qua phần kéo và thả và tự viết đoạn mã trên.

Bước 5 - Sao chép mã bên dưới vào tệp Default.aspx của bạn.

  & lt;% @ Tiêu đề trang = "Trang chủ" Language = "C #" MasterPageFile = "~ / Site.Master"
AutoEventWireup = "true" CodeBehind = "Default.aspx.cs" Inherits = "SampleWebApplication._Default"% & gt;
& lt; asp: Content ID = "BodyContent" ContentPlaceHolderID = "MainContent" runat = "máy chủ" & gt;
& lt; br / & gt; & lt; br / & gt; & lt; br / & gt; & lt; br / & gt;
& lt; asp: TextBox ID = "Tên người dùng" placeholder = "Tạo tên người dùng duy nhất" BackColor = "LightBlue"
ForeColor = "DarkBlue" Width = "200" runat = "server" & gt; & lt; / asp: TextBox & gt;
& lt; asp: TextBox BackColor = "LightGray" ReadOnly = "true" Columns = "15"
Text = "@ myWebsite.com" runat = "server" & gt; & lt; / asp: TextBox & gt;
& lt; br / & gt; & lt; br / & gt;
& lt; asp: TextBox ID = "Email" placeholder = "Nhập Email vào đây .." Width = "200" TextMode = "Email" runat = "server" & gt; & lt; / asp: TextBox & gt;
& lt; br / & gt; & lt; br / & gt;
& lt; asp: TextBox ID = "Mật khẩu" placeholder = "Nhập Mật khẩu vào đây .." Width = "200" TextMode = "Mật khẩu" MaxLength = "20"
ToolTip = "Mật khẩu phải dài tối thiểu 8 và tối đa 20 ký tự." runat = "máy chủ" & gt; & lt; / asp: TextBox & gt;
& lt; br / & gt; & lt; br / & gt;
& lt; asp: TextBox ID = "Địa chỉ" placeholder = "Nhập Địa chỉ Bưu điện tại đây .." TextMode = "MultiLine"
Rows = "5" Columns = "50" runat = "server" & gt; & lt; / asp: TextBox & gt;
& lt; br / & gt; & lt; br / & gt;
& lt; asp: Nút ID = "Gửi" runat = "máy chủ" Text = "Gửi" / & gt;
& lt; / asp: Nội dung & gt;  

Bước 6 - Chạy ứng dụng. Dưới đây là đầu ra của mã của bạn. Nó có 5 hộp văn bản và một nút. Các hộp văn bản khác nhau sử dụng các thuộc tính khác nhau để sửa đổi hành vi.

Hộp văn bản Tên người dùng có màu nền và màu nền trước. Bên cạnh đó là hộp văn bản chỉ đọc.

Hộp văn bản mật khẩu có thuộc tính chế độ văn bản được đặt thành mật khẩu và chú giải công cụ mô tả giá trị mong đợi từ người dùng. Nó cũng có độ dài tối đa được đặt thành 20, do đó giới hạn đầu vào của người dùng chỉ ở 20 ký tự.

Hộp văn bản địa chỉ là hộp văn bản nhiều dòng với bộ thuộc tính hàng và cột.

Các bài báo được đề xuất

Đây là hướng dẫn về ASP.NET TextBox. Ở đây chúng ta thảo luận về Giới thiệu và các thuộc tính của hộp văn bản asp.net cùng với cú pháp và ví dụ. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm -

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề văn bản kiểu đầu vào asp

Cross page posting in asp.net Part 55

  • Tác giả: kudvenkat
  • Ngày đăng: 2012-11-27
  • Đánh giá: 4 ⭐ ( 1320 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Text version of the video
    http://csharp-video-tutorials.blogspot.com/2012/11/cross-page-posting-in-aspnet-part-55.html

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    Slides
    http://csharp-video-tutorials.blogspot.com/2013/08/part-55-cross-page-posting-in-aspnet.html

    All ASP .NET Text Articles
    http://csharp-video-tutorials.blogspot.com/p/free-aspnet-video-tutorial.html

    All ASP .NET Slides
    http://csharp-video-tutorials.blogspot.com/p/aspnet-slides.html

    All Dot Net and SQL Server Tutorials in English
    https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd

    All Dot Net and SQL Server Tutorials in Arabic
    https://www.youtube.com/c/KudvenkatArabic/playlists

    Cross page posting allows to post one page to another page. By default, when you click a button, the webform posts to itself. If you want to post to another webform on a button click, set the PostBackUrl of the button, to the page that you want to post to.

    Page.IsCrossPagePostBack Property is used to indicate whether the page is involved in a cross-page postback.

    The problem with FindControl() method is that, if you mis-spell the ControlID, we could get a runtime NullRefernceException.

    In the next video we will discuss about obtaining a strongly typed reference to the previous page, which can avoid NullRefernceExceptions.

Kiểm soát định dạng khi dán văn bản trong Word

  • Tác giả: lib.agu.edu.vn
  • Đánh giá: 3 ⭐ ( 7713 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cổng thông tin Thư viện Trường Đại học An Giang

Tùy chỉnh hoặc tạo kiểu mới

  • Tác giả: support.microsoft.com
  • Đánh giá: 3 ⭐ ( 9968 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sửa đổi hiện có hoặc tạo kiểu mới để sử dụng trong tài liệu của bạn.

Bắt đầu khởi tạo ứng dụng ASP.NET Core

  • Tác giả: tedu.com.vn
  • Đánh giá: 3 ⭐ ( 1476 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này chúng ta sẽ tìm hiêu làm sao để build một ứng dụng web ASP.NET Core sử dụng Visual Studio 2017

soạn thảo và quản lý văn bản trên asp.net

  • Tác giả: cts.edu.vn
  • Đánh giá: 3 ⭐ ( 4543 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: mình đang viết trang web quản lý văn bản, mình muốn khi mình chọn tên nơi nhận văn bản, điền tên văn bản sau đó chọn file upload lên web thì tên nơi nhận, tên văn bản đó sẽ được ghi vào trang đầu tiên ( trang này tự động có khi upload file) văn bàn này định dạng word. mong mọi người giúp đỡ

Text trong CSS

  • Tác giả: comdy.vn
  • Đánh giá: 4 ⭐ ( 9879 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, bạn sẽ học cách tạo kiểu cho văn bản trên các trang web của mình bằng CSS.

Lập trình web ASP.NET với cơ sở dữ liệu

  • Tác giả: timoday.edu.vn
  • Đánh giá: 5 ⭐ ( 4186 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu lập trình web ASP.NET với cơ sở dữ liệu sử dụng ngôn ngữ lập trình C#. Tìm hiểu cách phân trang, sắp xếp trên lưới, tạo caching để tăng tốc độ trang

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Đập Hoover - đập hoover

By ads_php