อินพุต (รหัสผ่าน)

คลิกเพื่อคัดลอก

ช่องใส่รหัสผ่าน


การตั้งค่ารูปลักษณ์และความรู้สึก:

Label (ไม่บังคับ) - ป้ายกำกับสำหรับการป้อนข้อมูล

ตัว Placeholder (ไม่บังคับ) - ตัวยึดตำแหน่งสำหรับการป้อนข้อมูล

Name (บังคับ) - ชื่อของอินพุต

Tooltip (ไม่บังคับ) - คำใบ้สำหรับการป้อนข้อมูล

Required (บังคับ) - ทำให้ฟิลด์บังคับ ปิดใช้งานโดยค่าเริ่มต้น

Allow clear (บังคับ) - ไอคอนเพื่อล้างอินพุต ปิดใช้งานโดยค่าเริ่มต้น

Validate icon (บังคับ) - ตรวจสอบไอคอนสำหรับการป้อนข้อมูล ปิดใช้งานโดยค่าเริ่มต้น

Disabled ใช้งาน (จำเป็น) - ทำให้ส่วนประกอบถูกปิดใช้งานหากเปิดอยู่ ถูกปิดโดยปริยาย

Visible ได้ (จำเป็น) - ทำให้ส่วนประกอบมองเห็นได้หากเปิดใช้งาน เปิดใช้งานโดยค่าเริ่มต้น


ทริกเกอร์เวิร์กโฟลว์:

  • onCreate – เริ่มทำงานเมื่อสร้างองค์ประกอบบนเพจ
  • onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
  • onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
  • onDestroy – เริ่มทำงานก่อนที่ส่วนประกอบจะถูกทำลาย
  • onChange - เริ่มทำงานเมื่อค่ามีการเปลี่ยนแปลง
  • onFocus - เริ่มทำงานเมื่อส่วนประกอบถูกโฟกัส
  • onBlur - เริ่มทำงานเมื่อส่วนประกอบเบลอ

การกระทำของคอมโพเนนต์:

InputPassword รับคุณสมบัติ

รับคุณสมบัติของส่วนประกอบ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบอินพุต

พารามิเตอร์ ขา ออก:

  • Label [string] - ป้ายอินพุต;
  • ตัว Placeholder [string] - ตัวยึดอินพุต;
  • Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
  • Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
  • Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
  • Tooltip [string] - คำใบ้ช่องใส่;
  • Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
  • Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
  • Value [password] - ค่าจากอินพุต
  • Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Status [Status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

Input Password Get Properties

InputPassword Set Properties

ตั้งค่าคุณสมบัติของส่วนประกอบ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบอินพุต
  • Label [string] - ป้ายอินพุต;
  • ตัว Placeholder [string] - ตัวยึดอินพุต;
  • Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
  • Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
  • Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
  • Tooltip [string] - คำใบ้ช่องใส่;
  • Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
  • Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
  • Value [password] - ค่าจากอินพุต
  • Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Status [Status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

Input Password Set Properties

InputPassword Update Properties

อัปเดตคุณสมบัติของคอมโพเนนต์

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบอินพุต
  • Label [string] - ป้ายอินพุต;
  • ตัว Placeholder [string] - ตัวยึดอินพุต;
  • Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
  • Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
  • Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
  • Tooltip [string] - คำใบ้ช่องใส่;
  • Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
  • Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
  • Value [password] - ค่าจากอินพุต
  • Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Status [Status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
  • Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

Input Password Update Properties


ตัวอย่างการใช้งาน

Input (password) เหมาะสำหรับใช้ในการลงทะเบียนและแบบฟอร์มการอนุญาต