Label Tag Helper trong ASP.NET Core

Label Tag Helper (trình trợ giúp thẻ nhãn) thực hiện những việc sau:

• Tạo ra caption (tiêu đề) nhãn và thuộc tính for trên phần tử <label> cho tên biểu thức.
• HTML Helper thay thế: Html.LabelFor.

Label Tag Helper cung cấp các lợi ích sau so với phần tử HTML label thuần túy:

• Bạn tự động nhận được giá trị nhãn mô tả từ thuộc tính Display. Tên hiển thị dự định có thể thay đổi theo thời gian, và sự kết hợp của thuộc tính Display và Label Tag Helper sẽ áp dụng Display ở mọi nơi nó được sử dụng.
• Ít markup (mã đánh dấu) hơn trong source code (mã nguồn).
• Strong typing (định kiểu mạnh) với thuộc tính model.

Ví dụ:

using System.ComponentModel.DataAnnotations;

namespace FormsTagHelper.ViewModels
{
    public class SimpleViewModel
    {
        [Required]
        [EmailAddress]
        [Display(Name = "Email Address")]
        public string Email { get; set; }
    }
}

@model SimpleViewModel

<form asp-controller="Demo" asp-action="RegisterLabel" method="post">
    <label asp-for="Email"></label>
    <input asp-for="Email" /> <br />
</form>

HTML sau được tạo ra cho phần tử <label>:

<label for="Email">Email Address</label>

Label Tag Helper tạo ra giá trị thuộc tính for là "Email", đây là ID được liên kết với phần tử <input>. Các Tag Helper tạo ra các phần tử id và for nhất quán để chúng có thể được liên kết đúng cách. Caption trong ví dụ này đến từ thuộc tính Display. Nếu model không chứa thuộc tính Display, caption sẽ là tên thuộc tính của biểu thức. Để ghi đè caption mặc định, hãy thêm caption bên trong thẻ label.