Input (text)

Klik untuk menyalin

Bidang masukan untuk teks


Pengaturan Tampilan dan Nuansa:

Label (tidak wajib) - label untuk input.

Placeholder (tidak wajib) - placeholder untuk input.

Name (wajib) - nama input.

Tooltip (tidak wajib) - petunjuk untuk input.

Min rows minimum (tidak wajib) - jumlah baris minimum untuk dimasukkan

Max rows (tidak wajib) - jumlah baris maksimum yang harus dimasuki

Required (wajib) - membuat bidang wajib. Dinonaktifkan secara default.

Allow clear (wajib) - ikon untuk menghapus input. Dinonaktifkan secara default.

Validate icon (wajib) - ikon validasi untuk input. Dinonaktifkan secara default.

Disabled (wajib) - membuat komponen dinonaktifkan jika dihidupkan. Dinonaktifkan secara default.

Visible (wajib) - membuat komponen terlihat jika dihidupkan. Diaktifkan secara default.



Pemicu alur kerja:

  • onCreate – aktif saat elemen dibuat di halaman;
  • onShow – aktif ketika komponen mengubah statusnya menjadi terlihat (ditampilkan di halaman);
  • onHide – menyala ketika komponen mengubah statusnya menjadi tersembunyi (berhenti ditampilkan);
  • onDestroy – menyala sebelum komponen dihancurkan;
  • onChange - aktif ketika nilainya diubah;
  • onFocus - aktif ketika komponen sedang difokuskan;
  • onBlur - menyala saat komponen diburamkan;

Tindakan Komponen

InputText Get Properties

Mendapatkan properti komponen.

Parameter masukan :

  • Component Id [string] - pengenal komponen masukan.

Parameter keluaran :

  • Label [string] - label masukan;
  • Placeholder [string] - masukan placeholder;
  • Allow clear [boolean] - status izinkan clear;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Visible [boolean] - status visibilitas komponen;
  • Tooltip [string] - petunjuk bidang masukan;
  • Min row [integer] - jumlah baris minimum untuk dimasukkan;
  • Max row [integer] - jumlah baris maksimum yang harus dimasukkan;
  • Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Value [text] - nilai dari input;
  • Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
  • Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan saat memvalidasi nilai.

Input Text Get Properties

InputText Set Properties

Mengatur properti komponen.

Parameter masukan :

  • Component Id [string] - pengenal komponen masukan;
  • Label [string] - label masukan;
  • Placeholder [string] - masukan placeholder;
  • Allow clear [boolean] - status izinkan clear;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Visible [boolean] - status visibilitas komponen;
  • Tooltip [string] - petunjuk bidang masukan;
  • Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Value [text] - nilai dari input;
  • Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
  • Validate Status [status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan saat memvalidasi nilai.

Input Text Set Properties

InputText Update Properties

Perbarui properti komponen.

Parameter masukan :

  • Component Id [string] - pengenal komponen masukan;
  • Label [string] - label masukan;
  • Placeholder [string] - masukan placeholder;
  • Allow clear [boolean] - status izinkan clear;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Visible [boolean] - status visibilitas komponen;
  • Tooltip [string] - petunjuk bidang masukan;
  • Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Value [text] - nilai dari input;
  • Validate Icon [boolean] - ikon yang akan ditampilkan saat memvalidasi nilai;
  • Validate Status [status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai.

Input Text Update Properties


Contoh penggunaan

Teks input -cocok untuk memberi pengguna kesempatan untuk menulis pesan terperinci, misalnya, komentar: