# Form 1 (Bố cục dọc)

## 1. Mục tiêu

Giúp người thiết kế thiết lập một khu vực thu thập thông tin hoàn chỉnh và có hệ thống. Mục tiêu chính là tạo ra một quy trình nhập liệu rõ ràng, giúp người dùng tập trung hoàn thành từng trường thông tin từ trên xuống dưới một cách tự nhiên, từ đó tối ưu tỷ lệ chuyển đổi cho các mục đích đăng ký phức tạp.

## 2. Khi nào dùng

Bạn nên ưu tiên Form 1 (Bố cục dọc) trong các kịch bản sau:

* Thu thập thông tin chi tiết: Khi cần người dùng nhập nhiều dữ liệu như Họ tên, Email, Số điện thoại và Kinh nghiệm làm việc.
* Đăng ký ứng viên: Sử dụng để đưa thông tin ứng viên tiềm năng vào Kho ứng viên (Talent Pool) một cách chính thống.
* Tư vấn chuyên sâu: Áp dụng cho các Form liên hệ cần sự nghiêm túc, chuyên nghiệp hoặc các Form đặt lịch hẹn cần nhiều khoảng trống để hiển thị rõ các nhãn (Labels).
* Vị trí hiển thị: Phù hợp để đặt tại một Section lớn riêng biệt hoặc các trang Landing Page có nội dung dàn trải theo chiều dọc.

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

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

* Bước 1: Chọn thành phần "Form 1" từ thư viện Widget của trang builder và kéo thả vào vị trí mong muốn.
* Bước 2: Chọn vào khung Form để mở bảng thuộc tính, tại đây bạn thiết lập các trường nhập liệu (Input fields) cần thiết.
* Bước 3: Điều chỉnh thứ tự các trường bằng cách kéo thả sao cho các thông tin quan trọng nhất nằm ở phía trên.
* Bước 4: Chọn và tùy chỉnh nút bấm (Button) ở dưới cùng của Form (ví dụ: "Gửi thông tin", "Đăng ký ngay").
* Bước 5: Cấu hình luồng dữ liệu để đảm bảo thông tin sau khi khách hàng gửi sẽ được đổ về đúng hệ thống quản lý.

## 4. Lưu ý

* Sắp xếp hợp lý: Các trường nhập liệu và nút bấm nên được căn chỉnh đồng nhất về độ rộng để tạo sự cân đối cho giao diện.
* Nhãn hướng dẫn: Đảm bảo các nhãn (Labels) phía trên mỗi ô nhập liệu rõ ràng, dễ hiểu để người dùng không bị nhầm lẫn khi điền thông tin.
* Tối ưu trải nghiệm: Tránh tạo quá nhiều trường không cần thiết; Form càng ngắn gọn và súc tích thì tỷ lệ người dùng hoàn thành càng cao.
* Kiểm tra hiển thị: Luôn kiểm tra giao diện Form trên thiết bị di động để đảm bảo các ô nhập liệu không bị quá nhỏ hoặc bị tràn khung.


---

# 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-1-bo-cuc-doc.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.