# Form 3 (Bố cục hỗn hợp)

#### 1. Mục tiêu

Giúp người thiết kế tối ưu hóa không gian hiển thị bằng cách gom nhóm các thông tin liên quan trên cùng một hàng. Mục tiêu chính là giảm chiều dài thị giác của biểu mẫu, giúp người dùng cảm thấy Form ngắn gọn và bớt "ngộp" hơn, từ đó tăng khả năng hoàn thành việc cung cấp dữ liệu.

#### 2. Khi nào dùng

Bạn nên áp dụng Form 3 (Bố cục hỗn hợp) trong các kịch bản sau:

* Phân loại thông tin nhanh: Khi bạn muốn tách biệt rõ các trường dữ liệu ngắn nhưng có liên quan mật thiết (Ví dụ: "Họ" và "Tên", hoặc "Tỉnh thành" và "Quận huyện").
* Form liên hệ đa mục đích: Phù hợp cho các yêu cầu cần cả thông tin định danh ngắn và phần nội dung tin nhắn dài (TextArea) ở phía dưới.
* Tiết kiệm diện tích: Khi bạn có nhiều trường dữ liệu nhưng không muốn người dùng phải cuộn trang quá nhiều để thấy nút gửi.
* Đăng ký hồ sơ: Thường dùng để thu thập thông tin cá nhân cơ bản trước khi dẫn dắt người dùng vào các bước sâu hơn trong Kho ứng viên.

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

Để thiết lập Form bố cục hỗn hợp, bạn thực hiện theo trình tự sau:

* Bước 1: Chọn thành phần "Form 3" và kéo thả vào khu vực nội dung bạn đã chuẩn bị.
* Bước 2: Chọn từng hàng trong Form để thiết lập số lượng cột. Bạn có thể chia đôi một hàng để đặt hai trường thông tin ngắn cạnh nhau.
* Bước 3: Tại các hàng cần nhập nội dung dài (như Địa chỉ hoặc Ghi chú), hãy chọn tùy chọn hiển thị đầy đủ độ rộng (Full-width).
* Bước 4: Tùy chỉnh "Placeholder" và "Label" cho từng ô để người dùng dễ dàng nhận biết loại thông tin cần điền ở mỗi vị trí.
* Bước 5: Chọn nút bấm ở cuối Form và kiểm tra tính nhất quán về khoảng cách (Padding/Margin) giữa các ô để đảm bảo giao diện cân đối.

#### 4. Lưu ý

* Sắp xếp logic: Luôn đặt các trường thông tin có liên quan cạnh nhau trên cùng một hàng (như Họ và Tên) để không làm gián đoạn tư duy của người nhập.
* Cân bằng thị giác: Đảm bảo các ô trên cùng một hàng có kích thước tương đồng để tránh cảm giác bị lệch hoặc lộn xộn.
* Ưu tiên di động: Trong trình thiết kế, hãy kiểm tra cách các ô này "đổ" lại thành hàng dọc trên điện thoại để chắc chắn không có thành phần nào bị che khuất hoặc quá nhỏ.


---

# 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/khoi-tao-co-ban/form-co-ban/form-3-bo-cuc-hon-hop.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.