Bố cục biểu mẫu

Giới thiệu bố cục biểu mẫu và cách thiết lập nó.

Đọc 7 phút
Grok
AI Summary by Grok
Nội dung:

Giao Diện Biểu Mẫu Là Gì?

Khi thiết kế giao diện biểu mẫu, bạn có thể sắp xếp các trường biểu mẫu, thiết lập kiểu tiêu đề, điều chỉnh chiều rộng ô nhập liệu, v.v. Điều này sẽ giúp giao diện biểu mẫu của bạn trở nên hợp lý và thu hút hơn, từ đó nâng cao hiệu quả việc nhập dữ liệu.



Giao Diện Như Thế Nào?

Chẳng hạn, trong biểu mẫu Thông Tin Nhân Viên, các trường được hiển thị thành nhiều cột.

 

Giao diện biểu mẫu nhiều cột


 

Cách Thiết Lập Giao Diện Biểu Mẫu?

Bước 1: Vào Trang Cài Đặt

Nhấp Thiết kế > Thuộc tính biểu mẫu > Giao diện biểu mẫu.

 

Trang cài đặt giao diện biểu mẫu

 

Bước 2: Thiết Lập Số Cột

Giao diện biểu mẫu hỗ trợ bốn kiểu sắp xếp: Một cột, Hai cột, Ba cộtBốn cột. Khi bạn thiết kế biểu mẫu có nhiều trường, có thể chọn bố cục ba hoặc bốn cột. Như vậy, người dùng sẽ không phải kéo trang biểu mẫu quá nhiều lần, thuận tiện cho việc nhập dữ liệu.

 

Lựa chọn số cột bố cục biểu mẫu

 


 

 

Bước 3: Các Cài Đặt Khác

Nhấp Biểu tượng cài đặt, bạn có thể thực hiện thêm các cài đặt cho giao diện biểu mẫu.

 

Trang cài đặt giao diện mở rộng

 

1. Chuyển đổi cài đặt giao diện cho máy tính và thiết bị di động.

Trên trang Giao diện biểu mẫu, bạn có thể cài đặt giao diện riêng biệt cho PC và thiết bị di động, đồng thời xem trước bố cục đã sắp xếp. Với cả PC và thiết bị di động, bạn có thể tùy chỉnh Vị trí tên trường, Kiểu tên trường, Kiểu mô tả trườngChiều rộng ô nhập liệu (chiều rộng ô nhập liệu chỉ cấu hình được trên PC).

 

Cài đặt giao diện biểu mẫu trên PC và di động

 

2. Vị trí tên trường

 

Vị trí tên trường có thể đặt thành Trên và Dưới hoặc Bên Trái và Bên Phải. Các kiểu bố trí này sẽ hiển thị hiệu ứng khác nhau:

  • Trên và Dưới

Vị trí tên trường trên và dưới

  • Bên Trái và Bên Phải

3. Kiểu tên trường

Khi Vị trí tiêu đề trường đặt thành Bên Trái và Bên Phải, bạn có thể thiết lập Chiều rộngCăn lề trong phần Kiểu tên trường:

  • Chiều rộng: Tùy chỉnh giá trị từ 50 đến 500 px.

  • Căn lề: Căn tên trường sang trái hoặc sang phải.

Căn chỉnh kiểu tên trường

 

4. Kiểu mô tả trường

Khi Vị trí tiêu đề trường đặt thành Bên Trái và Bên Phải, thông tin mô tả trường có thể đặt Hiển thị hoặc Ẩn.

 

Cài đặt mô tả trường hiển thị hoặc ẩn

 

Nếu chọn Hiển thị, mô tả sẽ hiển thị ngay dưới ô nhập liệu. Nếu chọn Ẩn, mô tả được hiển thị dưới dạng gợi ý nhỏ và hiện lên khi người dùng nhấp vào biểu tượng gợi ý.

 

Mô tả trường hiển thị dạng gợi ý

 


 

5. Chiều rộng ô nhập liệu

 

Chiều rộng ô nhập liệu có thể đặt thành Tiêu chuẩn hoặc Tự động.

 

  • Tiêu chuẩn: Ô nhập liệu có chiều rộng cố định, không thay đổi dù trang biểu mẫu thay đổi kích thước.

  • Tự động: Khi trang biểu mẫu rộng hơn, ô nhập liệu sẽ chiếm 100% chiều rộng cột tương ứng trên màn hình.

Cài đặt chiều rộng ô nhập liệu

 


 

 

Ví dụ:

 

Ví dụ giao diện biểu mẫu có nhiều cộtVí dụ giao diện biểu mẫu với ô nhập liệu tự động rộng ra

 


 

Khi Nào Nên Sử Dụng Giao Diện Biểu Mẫu?

  • Khi thu thập nhiều thông tin nhân viên hoặc khách hàng, việc bố trí biểu mẫu thành nhiều cột giúp biểu mẫu không quá dài.

  • Bạn có thể thiết kế giao diện biểu mẫu riêng cho PC và thiết bị di động, giúp người dùng ở hai thiết bị này nhập liệu hiệu quả hơn.

 

Cập nhật cách đây hơn 3 tháng
How satisfied are you with this content?
Need more help? Please contact Support.
Danh mục hướng dẫn Jodoo