# Thiết lập thuộc tính HTML

## 1. Mục tiêu

Cung cấp khả năng tùy biến không giới hạn cho các thành phần trên Landing Page, giúp người dùng gán các thuộc tính kỹ thuật đặc thù mà trình thiết kế chưa hỗ trợ sẵn trong các menu mặc định.

## 2. Khi nào sử dụng

* Tích hợp công cụ bên thứ ba: Khi cần gán mã theo dõi (tracking ID) cho một nút bấm hoặc một khối nội dung.
* Tùy chỉnh hành vi thành phần: Khi muốn thêm các thuộc tính như `placeholder` cho ô nhập liệu, `target="_blank"` cho liên kết, hoặc `alt` cho hình ảnh.
* Mở rộng tính năng: Khi cần khai báo các thuộc tính `data-*` để phục vụ cho các đoạn mã Script tùy chỉnh (Client Script) trong hệ thống MBW ATS.

## 3. Các bước thực hiện

<figure><img src="/files/KBfrWzYWYBSuSD6zYDU4" alt=""><figcaption></figcaption></figure>

### Bước 1: Khởi tạo thuộc tính

* Chọn thành phần cần bổ sung thuộc tính.
* Tìm đến mục HTML Attributes ở bảng thuộc tính bên phải.
* Chọn nút "Add" để tạo một dòng thuộc tính mới.

### Bước 2: Nhập thông tin thuộc tính

* Property (Thuộc tính): Nhập tên thuộc tính bạn muốn thêm (ví dụ: `title`, `placeholder`, `data-id`).
* Value (Giá trị): Nhập nội dung tương ứng cho thuộc tính đó (ví dụ: "Nhấn để ứng tuyển", "Mã chiến dịch 01").

### Bước 3: Quản lý danh sách

* Bạn có thể thêm nhiều thuộc tính cho cùng một thành phần bằng cách tiếp tục chọn "Add".
* Nếu muốn xóa một thuộc tính, hãy chọn biểu tượng "X" bên cạnh dòng đó.

## 4. Các lưu ý quan trọng

* Cú pháp chính xác: Tên thuộc tính (Property) không được chứa dấu cách hoặc các ký tự đặc biệt không hợp lệ trong chuẩn HTML.
* Tránh trùng lặp: Không nên thêm các thuộc tính đã có sẵn trong các mục thiết lập khác (như ID hay Class) để tránh gây xung đột logic hiển thị.
* Kiểm tra kỹ thuật: Mục này tác động trực tiếp vào cấu trúc trang, vì vậy hãy đảm bảo bạn nắm rõ chức năng của thuộc tính định thêm hoặc tham khảo ý kiến từ bộ phận kỹ thuật phần mềm.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/thiet-lap-nang-cao/thiet-lap-thuoc-tinh-html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.