Nhập mật mã)
Trường nhập mật khẩu
Cài đặt Giao diện:
Label (không bắt buộc) - nhãn cho đầu vào.
Placeholder (không bắt buộc) - trình giữ chỗ cho đầu vào.
Name (bắt buộc) - tên của đầu vào.
Tooltip (không bắt buộc) - gợi ý cho đầu vào.
Required (bắt buộc) - làm cho trường bắt buộc. Bị tắt theo mặc định.
Allow clear (bắt buộc) - biểu tượng để xóa đầu vào. Bị tắt theo mặc định.
Validate icon (bắt buộc) - biểu tượng xác thực cho đầu vào. Bị tắt theo mặc định.
Disabled tắt (bắt buộc) - làm cho thành phần bị tắt nếu được bật. Được tắt theo mặc định.
Visible (bắt buộc) - hiển thị thành phần nếu được bật. Được bật theo mặc định.
Trình kích hoạt quy trình làm việc:
- onCreate – kích hoạt khi phần tử được tạo trên trang;
- onShow – kích hoạt khi thành phần thay đổi trạng thái thành hiển thị (hiển thị trên trang);
- onHide – kích hoạt khi thành phần thay đổi trạng thái thành ẩn (ngừng hiển thị);
- onDestroy – kích hoạt trước khi thành phần bị phá hủy;
- onChange - kích hoạt khi giá trị bị thay đổi;
- onFocus - kích hoạt khi thành phần đang được tập trung;
- onBlur - kích hoạt khi thành phần bị mờ.
Hành động thành phần:
InputPassword Nhận thuộc tính
Nhận các thuộc tính của thành phần.
Thông số đầu vào :
- Component Id [string] - mã định danh của thành phần đầu vào.
Thông số đầu ra :
- Label [string] - nhãn đầu vào;
- Placeholder [string] - trình giữ chỗ đầu vào;
- Allow clear [boolean] - trạng thái cho phép rõ ràng;
- Disable [boolean] - tắt thành phần nếu đúng;
- Visible [boolean] - trạng thái hiển thị thành phần;
- Tooltip [string] - gợi ý trường nhập;
- Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
- Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
- Value [password] - giá trị từ đầu vào;
- Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
- Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
- Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.
InputPassword Set Properties
Đặt thuộc tính của thành phần.
Thông số đầu vào :
- Component Id [string] - mã định danh của thành phần đầu vào.
- Label [string] - nhãn đầu vào;
- Placeholder [string] - trình giữ chỗ đầu vào;
- Allow clear [boolean] - trạng thái cho phép rõ ràng;
- Disable [boolean] - tắt thành phần nếu đúng;
- Visible [boolean] - trạng thái hiển thị thành phần;
- Tooltip [string] - gợi ý trường nhập;
- Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
- Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
- Value [password] - giá trị từ đầu vào;
- Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
- Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
- Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.
InputPassword Update Properties
Cập nhật các thuộc tính của thành phần.
Thông số đầu vào :
- Component Id [string] - mã định danh của thành phần đầu vào.
- Label [string] - nhãn đầu vào;
- Placeholder [string] - trình giữ chỗ đầu vào;
- Allow clear [boolean] - trạng thái cho phép rõ ràng;
- Disable [boolean] - tắt thành phần nếu đúng;
- Visible [boolean] - trạng thái hiển thị thành phần;
- Tooltip [string] - gợi ý trường nhập;
- Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
- Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
- Value [password] - giá trị từ đầu vào;
- Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
- Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
- Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.
ví dụ sử dụng
Input (password) phù hợp để sử dụng trong các biểu mẫu đăng ký và ủy quyền