VNR Design System

Form

Form layout with validation, labels, and field composition.

Khi nào sử dụng

Đăng ký/Đăng nhập

Form xác thực người dùng với validation realtime.

Nhập dữ liệu phức tạp

Form nhiều bước với stepper cho quy trình dài.

Cài đặt tài khoản

Chỉnh sửa thông tin cá nhân, mật khẩu, tùy chọn.

Hướng dẫn

Do
  • Nhóm các trường liên quan bằng fieldset
  • Hiện validation error khi blur, không chỉ khi submit
  • Đánh dấu rõ trường bắt buộc và tùy chọn
Don't
  • Hỏi thông tin không cần thiết cho mục đích hiện tại
  • Reset form mà không xác nhận với người dùng
  • Đặt quá nhiều trường trên cùng một trang

Basic Form

Select role

Horizontal Layout

All Field Types

$