Construct 2 Indonesia Manual: Bab Plugin Reference - 24. Textbox

Object: Textbox membuat bidang teks yang dapat diketik oleh user.

Form Control adalah elemen HTML aktual yang mengambang di atas kanvas game di halaman HTML. Oleh karena itu, tidak ada yang bisa ditampilkan di atas Form Control, selain dari Form Control lainnya.

Form Control memposisikan diri sesuai dengan Parallax, skala dari Layer dan sebagainya. Namun tidak benar-benar “berada dalam game” (karena mengapung di atas), jadi disarankan untuk menghindari penggunaan pengguliran (Scrolling), Parallax dan Skala Layer dengan Form Control, jika tidak, hasil akhirnya tidak terasa tidak alami.

Styling Textbox Objects (Mengatur style pada Object: Textbox)

Textbox control dapat disesuaikan dengan sejumlah besar cara melalui CSS (Cascading Style Sheets). Daripada menambahkan Action untuk mengatur semuanya melalui Property, Object: Textbox menyediakan Action: Set CSS style. Mengetahui CSS tentu saja akan menjadi keuntungan di sini, tapi mudah digunakan untuk Property sederhana. Beberapa contoh tercantum di bawah ini.

Textbox Properties

• Text
  Teks awal yang terdapat di dalam kotak Textbox.
  
  
• Placeholder
  Beberapa teks yang muncul secara samar saat kotak/field kosong.
  Ini dapat digunakan untuk informasi (Hint) tentang kotak/bidang ini, misalnya: Nama user.
  
  
• Tooltip
  Sebuah Tooltip yang muncul jika user mengarahkan mouse ke Textbox dan menunggu.
  Jika Anda tidak ingin ada Tooltip, maka biarkan kosong.
  
  
• Initial visibility
  Apakah Textbox awalnya ditampilkan pada Startup atau tidak.
  Jika Invisible, kotak/bidang dapat ditampilkan dengan Action: Set visible.
  
  
• Enabled
  Apakah Textbox awalnya diaktifkan.
  Jika NO, kotak/bidang akan terlihat abu-abu dan tidak bisa diubah.
  
  
• Read-only
  Untuk menetapkan apakah kotak/bidang itu hanya bisa dibaca, artinya teks tidak bisa diubah tapi teksnya tetap bisa dipilih.
  Ini berbeda dengan menonaktifkan kotak/bidang, di mana teks tidak dapat dipilih.
  
  
• Spell check
  Mengaktifkan pemeriksa ejaan pada teks yang dimasukkan ke dalam kotak/bidang, jika browser mendukung.
  Jika Enabled, kesalahan pada ejaan digarisbawahi dengan garis merah berlekuk-lekuk.
  
  
• Type
  Menetapkan jenis konten yang dimasukkan ke dalam bidang teks, yang dapat berupa:
  
  

  Text	:	Konten apa saja
  Password	:	Konten apapun tapi karakter tersembunyi
  Email	:	Ditujukan untuk String dalam format umum, misalnya: joe@bloggs.com
  Number	:	Hanya angka numerik
  Telephone number	:	Hanya nomor telepon
  URL	:	Alamat web dalam format umum, misalnya: http://example.com
  Textarea	:	masukan teks multi-baris

  
  
  
• Auto font size
  Secara otomatis mengatur Property: Font-size dari elemen sesuai dengan Layout dan skala Layer.
  Ini akan mencegah Property Font-size dengan CSS yang diatur secara manual dengan Action: Set CSS style. Set ke NO jika Anda berniat menggunakan Action: Set CSS style dalam menyesuaikan Property: Font-size.
  
  
• ID (optional)
  Atribut ID secara opsional untuk elemen di DOM (Document Object Model).
  Ini berguna untuk mengakses nilai elemen dari skrip eksternal, atau Styling dengan CSS dari halaman HTML.

Textbox Conditions

• Compare text
  Bandingkan teks yang diketik pada kotak/bidang.
  Perbandingannya bisa secara case sensitive (“TEXT” berbeda dengan “teks”) atau case insensitive (“TEXT” sama dengan “teks”).
  
  
• On clicked
  Dipicu saat user mengklik kotak/bidang.
  
  
• On double-clicked
  Dipicu saat user mengklik dua kali kotak/bidang.
  
  
• On text changed
  Dipicu kapan pun teks di kotak/bidang diubah, yaitu dengan diketik, backspace/ delete, cut/paste dan lain-lain.

Textbox Actions

• Set CSS style
  Menetapkan CSS (Cascading Style Sheets) Style pada elemen Textbox.
  Untuk informasi lebih lanjut, lihat bagian Styling Textbox Objects.
  Perhatikan bahwa jika Property: Auto Font size diatur ke YES, maka perubahan menggunakan Action ini tidak akan berpengaruh.
  
  
• Set enabled
  Set kotak/bidang diaktifkan atau dinonaktifkan.
  Jika Disabled, kotak/bidang tersebut ditampilkan abu-abu dan tidak dapat dimodifikasi.
  
  
• Set focused
  Mengatur fokus input ke bidang Texbox. Caret teks akan mulai berkedip siap untuk diketik.
  
  
• Set placeholder
  Menetapkan teks yang tampak samar saat kotak/bidang kosong.
  Ini dapat digunakan untuk petunjuk (Hint) tentang bidang ini, misalnya: Nama user.
  
  
• Set read-only
  Menetapkan apakah bidang ini hanya bisa dibaca, artinya teks tidak bisa diubah tapi tetap bisa dipilih.
  Ini berbeda dengan menonaktifkan bidang, di mana teks tidak dapat dipilih.
  
  
• Set text
  Menetapkan teks ke Textbox.
  
  
• Set tooltip
  Menetapkan teks yang muncul untuk Tooltip pada bidang.
  Jika Anda tidak ingin ada Tooltip, biarkan kosong.
  
  
• Set unfocused
  Hilangkan fokus input dari Textbox.

Textbox Expressions

• Text
  Mendapatkan String yang berisi teks pada Textbox.