Natad sa Pagsulod sa Teksto
Kolektaha ang teksto nga may katukma ug kalig-on. Gikan sa yanong mga ngalan ngadto sa komplikadong mga sumbanan nga adunay built-in nga validation, smart formatting, ug gamhanang customization – ang Text Input field mohaom sa bisan unsang gamit nga adunay mga limitasyon sa karakter, auto-formatting, ug secure password modes.
Ang Pundasyon sa Matag Porma sa WordPress
Hingpit alang sa:
Gamhanang mga Feature para sa Matag Gamit
📏 Maalamon nga Pagkontrol sa Gitas-on
Minimum ug Maximum nga Limitasyon sa Karakter
Ibutang ang pinakamubo ug pinakataas nga gitugot nga mga entry sa teksto. Likayi ang mga pagsumite nga mubo ra kaayo o taas ra kaayo gamit ang built-in nga browser validation.
Tinuod nga Panahon nga Pagpamatuod
Makakita dayon og feedback ang mga tiggamit kon ang ilang entry dili makaabot sa gikinahanglan nga gitas-on – walay sorpresa human sa pagsumite.
mga panig-ingnan:
- Ngalan sa Gumagamit: Minimum nga 3, Max nga 20 ka karakter
- Postal code: Minimum nga 5, Max nga 10 ka karakter
- Ngalan: Minimum 2, Max 50 ka karakter
- Komento: Maximum nga 500 ka karakter
Ngano nga Kini Mahinungdanon:
Kontrolahon ang kalidad sa datos, malikayan ang spam, siguroha ang pagkaangay sa database, ug giyahan ang mga tiggamit sa paghatag sa hustong gidaghanon sa impormasyon.
✅ Gitukod nga mga Sumbanan sa Pag-validate
6 ka Pre-Configured nga mga Klase sa Pag-validate:
- 1. Wala – Dawata ang bisan unsang teksto (default)
2. Email – Nagpamatuod sa hustong pormat sa email ([protektado sa email])
3. URL – Nanginahanglan og balido nga mga adres sa web (https://example.com)
4. Mga Letra Lamang – Mga karakter sa alpabeto ug mga espasyo lamang (John Doe)
5. Mga Numero Lamang – Mga numero lamang (123456)
6. Alpanumero – Mga letra ug numero, walay espesyal nga mga karakter (User123)
Dugang nga mga Custom nga Sumbanan:
- Paghimo sa imong kaugalingong regex validation para sa espesyalisadong mga format sama sa:
- License plates: `^[AZ]{3}[0-9]{4}$`
- Mga kodigo sa produkto: `^[AZ]{2}[0-9]{6}$`
- Mga gipahaom nga pormat nga talagsaon sa imong negosyo
Diha-diha nga Feedback:
Ang mga tiggamit makakita og klaro nga mga mensahe sa sayop kon ang ilang input dili mohaom sa gikinahanglan nga format.
✂️ Awtomatikong Pagputol sa Puting Espasyo
Awtomatikong Limpyohi ang Data
Tangtanga ang mga espasyo nga wala tuyoa gikan sa sinugdanan ug katapusan sa mga entri sa teksto. Dili na "John" kung kinahanglan nimo ang "John".
Paggamit Kaso:
- Mga email address (walay mga espasyo sa likod)
- Mga Username (walay mga espasyo sa unahan)
- Mga reference code (eksaktong mga tugma)
- Bisan unsang natad diin importante ang katukma
Kaayohan:
Makapakunhod sa mga sayop sa tiggamit, makapaayo sa pagkaparehas sa datos, makapugong sa mga isyu sa pag-validate, ug makapasayon sa pagpares ug pagpangita.
🔒 Mode sa Password
Luwas nga Pagtago sa Input
I-convert ang bisan unsang text field ngadto sa password field. Ang mga karakter makita isip mga tuldok (•••) aron mapanalipdan ang sensitibo nga impormasyon gikan sa mga tiggamit nga mogamit sa ilang mga password.
Hingpit nga:
- Mga entry sa password ug PIN
- Mga security code ug token
- Mga numero sa kompidensyal nga ID
- Duha ka hinungdan nga mga code sa panghimatuud
Maalamon nga Pamatasan:
Awtomatikong gi-disable sa password mode ang nagkasumpaki nga mga feature sama sa text transformation ug mga espesyal nga input type aron masiguro ang seguridad.
📱 Mga Matang sa Smart Input
Gi-optimize para sa Mobile ug Desktop:
- Normal nga Teksto – Standard nga pagsulod sa teksto para sa kinatibuk-ang gamit
- Pangita – Naglakip sa built-in nga buton sa pag-clear (X) para sa dali nga pag-reset
- Telepono – Mopaandar sa numeric keypad sa mga mobile device para mas sayon ang pagsulod sa numero sa telepono
- URL – Nagpakita sa espesyal nga mobile keyboard nga adunay .com, .org shortcuts
Ngano nga Kini Mahinungdanon:
Ang saktong klase sa input makapadali sa pagsulod sa datos sa mobile, makapakunhod sa mga sayop, ug makapaayo sa kasinatian sa tiggamit sa tanang device.
🎨 Awtomatikong Pagbag-o sa Teksto
I-format ang Teksto Samtang Nag-type ang mga Gumagamit:
- Walay Pagbag-o – Ang teksto magpabilin sama sa gisulod
- DAGKONG LETRA – I-convert ang tanang teksto ngadto sa dagkong mga letra (JOHN DOE)
- gamay nga letra – I-convert ang tanang teksto ngadto sa gamay nga letra (john doe)
- I-kapital ang Unang Letra – Unang letra lang nga dako (John doe)
- Kaso sa Titulo – Unang Letra sa Matag Pulong (John Doe)
Hingpit nga:
- DAGKONG LETRA: Mga plaka sa lisensya, mga kodigo sa estado, mga ID sa produkto
- gagmay nga letra: Mga adres sa email, mga username
- I-kapital: Nagsugod ang sentence, nag-inusarang mga ngalan
- Kaso sa Titulo: Tibuok nga mga ngalan, adres, titulo
Maalamon nga Pamatasan:
Ang pagbag-o awtomatik nga mahitabo atol sa pagsumite samtang makita sa mga tiggamit ang ilang orihinal nga input.
🙈 Natago nga Mode sa Natad
Dili Makita nga mga Natad sa Datos
Paghimo og mga field nga dili makita sa mga tiggamit apan isumite ang datos uban sa porma. Perpekto para sa pagsubay, mga referral code, ug mga kantidad sa sistema.
Paggamit Kaso:
- Mga parametro sa pagsubay sa UTM
- Mga ID sa tinubdan sa referral
- Mga numero sa bersyon sa porma
- Mga marker sa timestamp
- Natago nga metadata
Kon Giunsa Kini Paggamit:
Ibutang ang "Hidden Value" ug awtomatiko kini nga ilakip sa matag pagsumite sa porma nga dili makahasol sa UI sa imong porma.
🔀 Lohika sa Kondisyon
Dinamikong Pagtan-aw sa Natad
Ipakita o itago ang mga text field base sa ubang mga kantidad sa porma. Paghimo og mga intelihenteng porma nga mohaom sa input sa tiggamit.
Abansadong mga Lagda sa Lohika:
- UG Lohika – Kinahanglan matuman ang tanang kondisyon
- O Lohika – Bisan unsang kondisyon mahimong makapahinabo sa aksyon
- 8 ka Operator – Katumbas, Dili katumbas, Mas dako kay sa, Mas gamay kay sa, Naglangkob, Walay sulod, ug labaw pa
Paggamit Kaso:
- Ipakita lang ang “Ngalan sa Kompanya” kon ang tipo sa tiggamit katumbas sa “Negosyo”
- Ipakita ang "Tinubdan sa referral" kung ang "Giunsa nimo pagkahibalo bahin kanamo?" adunay sulod nga "Referral"
- Itago ang "Ubang mga detalye" kung ang panguna nga kapilian wala’y sulod
- Ipakita ang "Promo code" kung ang kantidad sa order labaw sa $100
🎯 Gipauswag nga Kasinatian sa Gumagamit
Mga Smart Feature nga Gilakip:
- Mga Default nga Bili – Pun-i daan ang mga field aron mapadali ang pagkompleto
- Teksto sa Placeholder – Ipakita ang mapuslanong mga sugyot sa dili pa mag-type ang mga tiggamit
- Teksto sa Tabang – Pagdugang og mga deskripsyon aron maklaro kung unsa ang isulod
- Gikinahanglan nga Pag-validate – Himoa nga mandatory ang mga field nga adunay klaro nga mga indikasyon
- Mga Klase sa Custom CSS – Pag-apply og custom nga estilo aron mohaom sa imong brand
- Suporta sa Pagka-access – Mga label sa ARIA para sa mga screen reader
- Gi-optimize sa Mobile – Mga input nga mahigalaon sa paghikap nga adunay angay nga mga keyboard
Yano nga Pag-setup sa 3 ka Lakang
Andama ang imong Text Input Field sulod sa pipila ka minuto
Idugang ang Text Field
I-drag ug i-drop ang Text Input field gikan sa Basic Fields nga seksyon ngadto sa imong porma.
Pagbutang og Balidasyon ug mga Limitasyon
Pilia ang klase sa pag-validate (email, URL, mga letra, ug uban pa), itakda ang minimum/maximum nga mga limitasyon sa karakter, ug opsyonal nga i-enable ang password mode o whitespace trimming.
I-configure ang Pag-format
Pilia ang tipo sa input para sa mobile optimization, pilia ang text transformation (dagkong letra, gagmay nga letra, ug uban pa), ug ibutang ang default nga mga kantidad o mga placeholder.
🎉 Mao na! Andam na ang imong text field gamit ang smart validation ug formatting.
Mga Aplikasyon sa Tinuod nga Kalibutan
registration user
* Mga field sa username nga adunay mga limitasyon sa gitas-on
* Mga input sa password nga adunay masking
* Mga field sa ngalan nga adunay format sa title case
* Mga email address nga adunay validation
Mga Contact Form
* Tibuok nga ngalan uban ang titulo
* Pag-validate sa email
* Mga numero sa telepono nga adunay input sa tel
* Mga field sa mensahe/komento
E-Commerce
* Pagsulod sa promo code (dagkong letra)
* Mga natad sa mensahe sa regalo
* Espesyal nga mga instruksyon
* Mga nota sa pagpadala
Business Applications
* Mga numero sa ID sa empleyado
* Mga ngalan sa departamento
* Mga numero sa pakisayran
* Mga internal nga kodigo
Mga Aplikasyon ug Pagparehistro
* Mga numero sa lisensya
* Mga kodigo sa sertipikasyon
* Mga ID sa Pagkamiyembro
* Mga custom identifier
Pagpangita ug Pagsala
* Pag-input sa pagpangita gamit ang buton nga "clear"
* I-filter ang mga text field
* Mga entry sa keyword
* Mga input sa pangutana
Kompleto nga mga Opsyon sa Natad
Panguna nga Pag-configure
- Label sa Field – Ang titulo nga gipakita sa ibabaw sa text field
- Deskripsyon/Teksto sa Tabang – Dugang nga giya para sa mga tiggamit
- Gikinahanglan nga Field – Himua nga mandatory ang pagsulod sa teksto
- Teksto sa Placeholder – Teksto nga adunay hint sa dili pa mag-type ang mga tiggamit
Pag-validate sa Gitas-on
- Minimum nga Gitas-on – Pinakagamay nga mga karakter ang gitugot (pag-validate)
- Pinakataas nga Gitas-on – Gitugotan ang kadaghanan sa mga karakter (limitado)
Mga default nga Bili
- Default nga Bili – Pre-filled nga teksto kon mo-load na ang porma
- Tinago nga Bili – Bili para sa mga tinago nga field (kung gi-enable ang tinago nga mode)
Seguridad ug Pagkapribado
- Field sa Password – Itago ang input isip password (ipakita ang mga tuldok •••)
Natago nga Natad – Himoa nga dili makita ang natad apan ilakip sa mga pagsumite
Kalidad sa Data
Guntinga ang Whitespace – Awtomatikong tangtangon ang sobra nga mga espasyo gikan sa sinugdanan ug katapusan
Mga Lagda sa Pag-validate
- Tipo sa Pag-validate
- Wala (bisan unsang teksto)
- Email ([protektado sa email])
- URL (https://example.com)
- Mga letra lamang (AZ lamang)
- Mga numero lamang (0-9 lamang)
- Alpanumero (AZ ug 0-9)
- Custom nga Sumbanan (regex)
- Custom Pattern – Regular nga ekspresyon para sa custom validation (kung ang "Custom" gipili)
Mga Uri sa Input
- Type sa Input
- Normal nga Teksto
- Pangita (nga adunay buton nga "clear")
- Telepono (numeric keypad sa mobile)
- URL (espesyal nga mobile keyboard)
Pag-format sa Teksto
- Pagbag-o sa Teksto
- Walay pagbag-o
- UPPERCASE
- lowercase
- I-kapital ang Unang Letra
- Titulo nga Kaso
Makatarungan nga Pangatarungan
- I-enable ang Conditional Logic – Ipakita/itago base sa mga kondisyon
- Logic Type
- Kinahanglan matuman ang tanang kondisyon (UG)
- Bisan unsang kondisyon mahimong matuman (O)
- Mga Lagda sa Kondisyon
- Ipakita/Itago – Aksyon nga buhaton
- Natad – Unsang natad ang susihon
- Operator – Katumbas, Dili katumbas, Naglangkob, Mas dako kay sa, Mas gamay kay sa, Walay sulod, Dili walay sulod
- Bili – Bili sa pagtandi
- Daghang Kondisyon – Pagdugang og walay kutub nga mga lagda
advanced Options
- Mga Klase sa Custom CSS – Pag-apply sa custom nga estilo
- Mga Atributo sa Pagka-Akses – mga label ug deskripsyon sa ARIA
Ngano nga Pilion ang Among Text Input Field?
✅ Daghang gamit – Mogana para sa mga ngalan, code, password, ug tanan nga naa sa taliwala
✅ Smart Validation – 6+ ka mga sumbanan sa pag-validate ug custom regex
✅ Gi-optimize sa Mobile – Angay nga mga keyboard para sa matag klase sa input
✅ Awtomatikong Pag-format – Awtomatikong mahitabo ang pagbag-o sa teksto
✅ Luwas – Ang password mode nanalipod sa sensitibo nga impormasyon
✅ Limpyo nga Datos – Ang pagputol sa whitespace makapugong sa kasagarang mga sayop
✅ Flexible – Mga tinago nga field, default nga mga kantidad, conditional logic
✅ Dali gamiton – Klaro nga mga mensahe sa pag-validate ang mogiya sa mga tiggamit
✅ Bug-os nga Nahiusa – Nagtrabaho nga walay putol sa tanang bahin sa porma
Kanunayng Gipangutana nga mga Pangutana
P: Unsa ang kalainan tali sa minimum/max nga gitas-on ug validation?
Ang minimum/max nga gitas-on nagkontrol kung pila ka karakter ang gitugot. Ang validation nagkontrol kung unsang mga karakter ang gitugot, sama sa mga letra lang, mga numero lang, o format sa email.
P: Mahimo ba nako nga i-validate ang gitas-on UG pormat?
Oo. Isagol ang min/max nga gitas-on uban sa mga lagda sa pag-validate. Pananglitan, ibutang ang min 3, max 15, ug alphanumeric nga pag-validate para sa usa ka username field.
P: Giunsa paglihok ang password mode?
Ang password mode motabon sa mga karakter nga adunay mga tuldok, sama sa kasagarang mga field sa password sa mga login screen.
P: Unsa ang gamit sa "trim whitespace"?
Gitangtang niini ang mga espasyo sa unahan ug sa ulahi sa dili pa isumite aron ang mga aksidente nga espasyo dili makabalda sa pag-validate.
P: Makahimo ba ko og custom nga mga pattern sa pag-validate?
Oo. Gamita ang "Custom Pattern" ug pagdugang og regular expression aron ipatuman ang bisan unsang istruktura nga imong gikinahanglan.
P: Giunsa paglihok ang mga pagbag-o sa teksto?
Ang tiggamit mo-type sa normal nga paagi, ug ang sistema mo-usab sa teksto inigsumite, sama sa pag-convert ngadto sa Title Case o UPPERCASE.
P: Para sa unsa ang klase sa input sa pagpangita?
Nagdugang kini og built-in nga clear (X) nga buton aron ang mga tiggamit maka-reset dayon sa field samtang nangita.
P: Ngano nga gamiton ang input type nga “tel”?
Sa mobile, kini moabli og numeric keypad aron mas sayon ang pagsulod sa mga numero nga sama sa telepono.
P: Mahimo ba nako gamiton ang conditional logic sa mga text field?
Oo. Ang mga kondisyon sama sa "Naglangkob," "Katumbas," o "Walay sulod" motugot kanimo sa pagpakita o pagtago sa mga field base sa input sa tiggamit.
P: Unsa ang gamit sa mga tinago nga natad?
Nagtipig sila og datos nga dili makita sa tiggamit, nga mapuslanon sa pagsubay sa metadata sama sa mga UTM tag o mga tinubdan sa referral.
P: Mahimo ba gamiton ang mga text field para sa mga numero?
Oo, apan gamita ang Number field para sa kalkulasyon o numeric validation. Gamita ang Text nga adunay “Numbers only” kung kinahanglan nimo ang mga code o ID nga dili angay isipon nga mga numero.
P: Unsa ka tukma ang mga regex pattern?
Makapatuman ang Regex og mga espesipikong sumbanan. Gamita ang regex tester kon kinahanglan nimo nga maghimo o mag-verify sa komplikadong mga sumbanan.
