Kolom Input Teks
Kumpulake teks kanthi presisi lan fleksibilitas. Saka jeneng sing prasaja nganti pola sing rumit kanthi validasi bawaan, format sing cerdas, lan kustomisasi sing kuat - kolom Input Teks bisa adaptasi karo kasus panggunaan apa wae kanthi watesan karakter, format otomatis, lan mode sandhi sing aman.
Pondasi Saben Formulir WordPress
Sampurna kanggo:
Fitur Kuat kanggo Saben Kasus Panggunaan
📏 Kontrol Dawane sing Cerdas
Watesan Karakter Minimum & Maksimum
Setel entri teks paling cendhak lan paling dawa sing diidinake. Nyegah kiriman sing kecendhaken utawa kedawanen nganggo validasi browser bawaan.
Validasi Real-Time
Panganggo bakal langsung weruh umpan balik yen tulisane ora memenuhi syarat dawane – ora ana kejutan sawise dikirim.
Conto:
- Jeneng panganggo: Minimal 3, Maks. 20 karakter
- Kode Pos: Minimal 5, Maks 10 karakter
- Jeneng: Minimal 2, Maks. 50 karakter
- Komentar: Maksimal 500 karakter
Napa Pentinge:
Ngontrol kualitas data, nyegah spam, njamin kompatibilitas basis data, lan nuntun pangguna supaya menehi informasi sing tepat.
✅ Pola Validasi Terintegrasi
6 Jinis Validasi sing Wis Dikonfigurasi Sadurunge:
- 1. Ora ana – Nampa teks apa wae (gawan)
2. Email – Ngevalidasi format email sing bener ([email dilindhungi])
3. URL – Mbutuhake alamat web sing valid (https://example.com)
4. Huruf Mung – Mung karakter alfabet lan spasi (John Doe)
5. Mung Angka – Mung digit numerik (123456)
6. Alfanumerik – Huruf lan angka, tanpa karakter khusus (Panganggo123)
Tambahan Pola Khusus:
- Nemtokake validasi regex sampeyan dhewe kanggo format khusus kaya:
- Plat lisensi: `^[AZ]{3}[0-9]{4}$`
- Kode produk: `^[AZ]{2}[0-9]{6}$`
- Format khusus sing unik kanggo bisnis sampeyan
Umpan balik cepet:
Panganggo bakal weruh pesen kesalahan sing jelas yen inpute ora cocog karo format sing dibutuhake.
✂️ Pangkas Spasi Putih Otomatis
Resik Data kanthi Otomatis
Busak spasi sing ora disengaja saka wiwitan lan pungkasan entri teks. Ora ana maneh "John" nalika sampeyan butuh "John".
Gunakake Kase:
- Alamat email (ora ana spasi ing mburine)
- Jeneng panganggo (tanpa spasi ing ngarep)
- Kode referensi (cocokan persis)
- Bidang apa wae sing presisi penting
Wuku:
Ngurangi kesalahan pangguna, ningkatake konsistensi data, nyegah masalah validasi, lan nyederhanakake pencocokan lan panelusuran.
🔒 Mode Sandi
Masking Input Aman
Owahana kolom teks apa wae dadi kolom sandhi. Karakter katon minangka titik (•••) kanggo nglindhungi informasi sensitif saka wong sing ora ngerti apa-apa.
Sampurna Kanggo:
- Entri sandhi lan PIN
- Kode keamanan lan token
- Nomer ID rahasia
- Kode otentikasi rong faktor
Prilaku sing Pinter:
Mode sandhi kanthi otomatis mateni fitur sing bertentangan kaya transformasi teks lan jinis input khusus kanggo njamin keamanan.
📱 Jinis Input Cerdas
Dioptimalake kanggo Seluler & Desktop:
- Teks Normal – Input teks standar kanggo panggunaan umum
- Panelusuran – Kalebu tombol mbusak bawaan (X) kanggo reset cepet
- Telpon – Micu keypad numerik ing piranti seluler kanggo nggampangake entri nomer telpon
- URL – Nuduhake keyboard seluler khusus nganggo trabasan .com, .org
Napa Pentinge:
Jinis input sing pas bakal nyepetake entri data ing seluler, nyuda kesalahan, lan ningkatake pengalaman pangguna ing kabeh piranti.
🎨 Transformasi Teks Otomatis
Format Teks Minangka Pangguna Ketik:
- Ora Ana Transformasi – Teks tetep persis kaya sing dilebokake
- HURUF KAPITAL – Ngonversi kabeh teks dadi huruf kapital (JOHN DOE)
- huruf cilik – Ngonversi kabeh teks dadi huruf cilik (john doe)
- Huruf Kapital - Huruf kapital mung kanggo huruf pertama (John doe)
- Huruf Kapisan Saben Tembung (John Doe)
Sampurna Kanggo:
- HURUF KAPITAL: Plat nomer, kode negara, ID produk
- Huruf cilik: Alamat email, jeneng panganggo
- Kapital: Ukara diwiwiti, jeneng tunggal
- Kasus Gelar: Jeneng lengkap, alamat, gelar
Prilaku sing Pinter:
Transformasi kedadeyan kanthi otomatis nalika pangiriman nalika pangguna ndeleng input asline.
🙈 Mode Lapangan sing Didhelikake
Kolom Data sing Ora Katon
Gawe kolom sing ora katon kanggo pangguna nanging kirim data nganggo formulir kasebut. Cocok kanggo pelacakan, kode rujukan, lan nilai sistem.
Gunakake Kase:
- Parameter pelacakan UTM
- ID sumber rujukan
- Nomer versi formulir
- Tandha cap wektu
- Metadata sing didhelikake
Cara Kerja:
Setel "Nilai sing Didhelikake" lan bakal otomatis dilebokake ing saben pangiriman formulir tanpa ngganggu UI formulir sampeyan.
🔀 Logika Kondisional
Visibilitas Lapangan Dinamis
Tampilake utawa ndhelikke kolom teks adhedhasar nilai formulir liyane. Gawe formulir cerdas sing adaptasi karo input pangguna.
Aturan Logika Lanjutan:
- Logika LAN – Kabeh syarat kudu dipenuhi
- Logika OR – Sembarang kondisi bisa micu tumindak
- 8 Operator – Padha karo, Ora padha karo, Luwih gedhe tinimbang, Kurang saka, Ngandhut, Kosong, lan luwih akeh
Gunakake Kase:
- Tampilake "Jeneng perusahaan" mung nalika jinis pangguna padha karo "Bisnis"
- Tampilake "Sumber rujukan" nalika "Kepiye sampeyan ngerti babagan kita?" ngemot "Rujukan"
- Ndhelikake "Rincian liyane" nalika pilihan utama ora kosong
- Tuduhna "Kode promo" nalika rega pesenan luwih saka $100
🎯 Pengalaman Pangguna sing Ditingkatake
Fitur Cerdas sing Wis Dipasang:
- Nilai Baku – Isi kolom sadurunge kanggo nyepetake penyelesaian
- Teks Placeholder – Nuduhake pitunjuk sing migunani sadurunge pangguna ngetik
- Teks Pitulung – Tambah katrangan kanggo njlentrehake apa sing kudu dilebokake
- Validasi sing Dibutuhake – Gawe kolom wajib nganggo indikator sing jelas
- Kelas CSS Khusus – Terapna gaya khusus sing cocog karo merek sampeyan
- Dhukungan Aksesibilitas – Label ARIA kanggo pamaca layar
- Dioptimalake kanggo Seluler – Input sing ramah tutul nganggo keyboard sing cocog
Persiapan Sederhana sajrone 3 Langkah
Siapke Kolom Input Teks sampeyan sajrone sawetara menit
Tambahake Kolom Teks
Seret lan selehake kolom Input Teks saka bagean Kolom Dasar menyang formulir sampeyan.
Nyetel Validasi & Watesan
Pilih jinis validasi (email, URL, huruf, lsp.), setel watesan karakter minimal/maks, lan opsional aktifake mode sandhi utawa pangkas spasi.
Konfigurasi Format
Pilih jinis input kanggo optimasi seluler, pilih transformasi teks (huruf gedhe, huruf cilik, lsp.), lan setel nilai gawan utawa placeholder.
🎉 Wis rampung! Kolom teksmu wis siap nganggo validasi lan format sing cerdas.
Aplikasi Donya Nyata
Registration Panganggo
* Kolom jeneng panganggo kanthi watesan dawa
* Input sandhi nganggo masking
* Kolom jeneng nganggo format judhul huruf cilik lan cilik
* Alamat email nganggo validasi
Formulir kontak
*Jeneng lengkap karo jeneng lan huruf kapital
* Validasi email
* Nomer telpon nganggo input telp
* Kolom pesen/komentar
E-Commerce
* Entri kode promo (huruf gedhe)
* Kolom pesen hadiah
* Pandhuan khusus
* Cathetan pengiriman
Aplikasi Bisnis
* Nomer ID Karyawan
* Jeneng departemen
* Nomer referensi
* Kode internal
Aplikasi & Registrasi
* Nomer lisensi
* Kode sertifikasi
* ID Keanggotaan
* Identifikasi khusus
Telusuri & Nyaring
* Input telusuran nganggo tombol mbusak
* Filter kolom teks
* Entri tembung kunci
* Input pitakon
Pilihan Kolom Lengkap
Konfigurasi dhasar
- Label Kolom – Judhul sing ditampilake ing ndhuwur kolom teks
- Teks Katrangan/Pitulung – Pandhuan tambahan kanggo pangguna
- Kolom Wajib – Gawe entri teks dadi wajib
- Teks Panggonan – Teks pitunjuk sadurunge pangguna ngetik
Validasi Dawane
- Dawane Minimal – Karakter paling sithik sing diidinake (validasi)
- Dawane Maksimum – Akèh karakter sing diidinake (watesan sing tetep)
Nilai Default
- Nilai Baku – Teks sing wis diisi sadurunge nalika formulir dimuat
- Nilai sing Didhelikake – Nilai kanggo kolom sing didhelikake (nalika mode sing didhelikake diaktifake)
Keamanan & Privasi
- Kolom Sandi – Nyembunyikake input minangka sandhi (nuduhake titik •••)
Kolom sing Didhelikake – Gawe kolom ora katon nanging kalebu ing kiriman
Kualitas Data
Potong Spasi Putih – Mbusak spasi ekstra saka wiwitan lan pungkasan kanthi otomatis
Aturan Validasi
- Jinis Validasi
- Ora ana (teks apa wae)
- Email ([email dilindhungi])
- URL (https://example.com)
- Huruf waé (AZ waé)
- Mung angka (mung 0-9)
- Alfanumerik (AZ lan 0-9)
- Pola Khusus (regex)
- Pola Khusus – Ekspresi reguler kanggo validasi khusus (nalika "Kustom" dipilih)
Jinis Input
- Jinis Input
- Teks Biasa
- Telusuri (nganggo tombol mbusak)
- Telpon (keypad numerik ing seluler)
- URL (keyboard seluler khusus)
Pemformatan Teks
- Transformasi Teks
- Ora ana transformasi
- HURUF HURUF
- cilik
- Huruf Kapital kanggo Kapisan
- Kasus Judul
Logika Kondhisi
- Aktifake Logika Kondisional – Tampilake/dhelikake adhedhasar kahanan
- Tipe Logika
- Kabeh syarat kudu dipenuhi (LAN)
- Sarat apa wae bisa dipenuhi (UTAWA)
- Aturan Kondisi
- Tampilake/Ndhelikake – Tindakan sing kudu ditindakake
- Kolom endi sing kudu dipriksa
- Operator – Padha karo, Ora padha karo, Ngandhut, Luwih saka, Kurang saka, Kosong, Ora kosong
- Nilai – Nilai perbandingan
- Multiple Conditions – Tambah aturan tanpa wates
Pilihan Lanjut
- Kelas CSS Khusus – Terapna gaya khusus
- Atribut Aksesibilitas – label lan deskripsi ARIA
Apa sebabe milih kolom input teks kita?
✅ Serbaguna – Bisa digunakake kanggo jeneng, kode, sandhi, lan liya-liyane
✅ Validasi Cerdas – 6+ pola validasi ditambah regex khusus
✅ Dioptimalake kanggo Seluler – Keyboard sing cocog kanggo saben jinis input
✅ Format Otomatis – Transformasi teks kedadeyan kanthi otomatis
✅ Aman – Mode sandhi nglindhungi informasi sensitif
✅ Data Bersih – Pangguntingan spasi putih nyegah kesalahan umum
✅ Fleksibel – Kolom sing didhelikake, nilai standar, logika kondisional
✅ Ramah Pangguna – Pesen validasi sing jelas nuntun pangguna
✅ Terintegrasi kanthi lengkap - Bisa digunakake kanthi lancar karo kabeh fitur formulir
Pitakonan Paling Sering
P: Apa bedane dawa minimal/maksimal lan validasi?
Dawane minimal/maksimal ngontrol pira karakter sing diidini. Validasi ngontrol karakter endi sing diidini, kayata mung huruf, mung angka, utawa format email.
P: Apa aku isa validasi dawa LAN format?
Inggih. Gabungke dawa minimal/maksimal karo aturan validasi. Umpamane, setel minimal 3, maksimal 15, lan validasi alfanumerik kanggo kolom jeneng panganggo.
P: Kepiye cara kerja mode sandhi?
Mode sandhi nutupi karakter nganggo titik, kaya kolom sandhi umume ing layar mlebu log.
P: Apa fungsi "trim spasi putih"?
Iki mbusak spasi ing ngarep lan mburi sadurunge dikirim supaya spasi sing ora disengaja ora ngganggu validasi.
P: Apa aku isa nggawe pola validasi khusus?
Inggih. Gunakna "Pola Khusus" lan tambahake ekspresi reguler kanggo ngetrapake struktur apa wae sing sampeyan butuhake.
P: Kepriye cara kerja transformasi teks?
Panganggo ngetik kaya biasane, lan sistem bakal ngowahi teks nalika dikirim, kayata ngowahi dadi Huruf Besar utawa Huruf Besar.
P: Apa jinis input telusuran kanggo?
Iki nambahake tombol mbusak (X) bawaan supaya pangguna bisa ngreset kolom kanthi cepet nalika nggoleki.
P: Kenging punapa migunakaken jinis input "telp"?
Ing seluler, iki mbukak keypad numerik kanggo nggampangake ngetik digit gaya telpon.
P: Apa aku isa nggunakake logika kondisional karo kolom teks?
Inggih. Kahanan kaya "Isi", "Padha karo", utawa "Kosong" ngidini sampeyan nampilake utawa ndhelikake kolom adhedhasar input pangguna.
P: Kanggo apa kolom sing didhelikake digunakake?
Dheweke nyimpen data tanpa katon dening pangguna, migunani kanggo nglacak metadata kayata tag UTM utawa sumber rujukan.
P: Apa kolom teks bisa digunakake kanggo nomer?
Ya, nanging gunakake kolom Angka kanggo itungan utawa validasi numerik. Gunakake Teks nganggo "Angka wae" nalika sampeyan butuh kode utawa ID sing ora kudune dianggep minangka angka.
P: Sepira akurat pola regex?
Regex bisa ngetrapake pola sing spesifik banget. Gunakake penguji regex yen sampeyan kudu mbangun utawa verifikasi pola sing kompleks.
