Textainnsláttarreitur
Safnaðu texta af nákvæmni og sveigjanleika. Frá einföldum nöfnum til flókinna mynstra með innbyggðri staðfestingu, snjallri sniðun og öflugri sérstillingu – textainnsláttarreiturinn aðlagast hvaða notkunartilviki sem er með stafatakmörkunum, sjálfvirkri sniðun og öruggum lykilorðsstillingum.
Grunnurinn að hverju WordPress eyðublaði
Perfect fyrir:
Öflugir eiginleikar fyrir öll notkunartilvik
📏 Snjall lengdarstýring
Lágmarks- og hámarksfjöldi stafa
Stilltu stystu og lengstu leyfilegu textafærslurnar. Komdu í veg fyrir að innsendingar séu of stuttar eða of langar með innbyggðri vafraprófun.
Rauntíma sannprófun
Notendur fá strax endurgjöf ef innsending þeirra uppfyllir ekki lengdarkröfur – engar óvæntar uppákomur eftir innsendingu.
Dæmi:
- Notandanafn: Lágmark 3, Hámark 20 stafir
- Póstnúmer: Lágmark 5, Hámark 10 stafir
- Nafn: Lágmark 2, Hámark 50 stafir
- Athugasemd: Hámark 500 stafir
Hvers vegna það skiptir máli:
Stjórna gæðum gagna, koma í veg fyrir ruslpóst, tryggja samhæfni gagnagrunna og leiðbeina notendum að veita rétt magn upplýsinga.
✅ Innbyggð staðfestingarmynstur
6 fyrirfram skilgreindar staðfestingartegundir:
- 1. Ekkert – Samþykkja hvaða texta sem er (sjálfgefið)
2. Tölvupóstur – Staðfestir rétt snið tölvupósts ([netvarið])
3. Vefslóð – Krefst gildra veffanga (https://example.com)
4. Aðeins stafir – Aðeins stafrófsstafir og bil (John Doe)
5. Aðeins tölur – Aðeins tölustafir (123456)
6. Stafa- og tölustafir – Stafir og tölur, engir sérstafir (Notandi123)
Auk sérsniðinna mynstra:
- Skilgreindu þína eigin regex staðfestingu fyrir sérhæfð snið eins og:
- númeraplötur: `^[AZ]{3}[0-9]{4}$`
- Vörukóðar: `^[AZ]{2}[0-9]{6}$`
- Sérsniðin snið sem eru einstök fyrir fyrirtækið þitt
Augnablik endurgjöf:
Notendur sjá skýr villuboð ef innsláttur þeirra passar ekki við tilskilið snið.
✂️ Sjálfvirk klipping á hvítum bilum
Hreinsa gögn sjálfkrafa
Fjarlægðu óviljandi bil úr upphafi og enda textafærslu. Ekki lengur „Jón“ þegar þú vilt „Jón“.
Notaðu mál:
- Netföng (án bila eftir)
- Notendanöfn (engin bil í forgrunni)
- Tilvísunarkóðar (nákvæm samsvörun)
- Öll svið þar sem nákvæmni skiptir máli
Kostir:
Dregur úr villum notenda, bætir samræmi gagna, kemur í veg fyrir vandamál við staðfestingu og einfaldar pörun og leit.
🔒 Lykilorðsstilling
Örugg inntaksgríma
Breyttu hvaða textareit sem er í lykilorðsreit. Stafirnir birtast sem punktar (•••) til að vernda viðkvæmar upplýsingar fyrir óáreitum.
Perfect fyrir:
- Lykilorðs- og PIN-innsláttur
- Öryggiskóðar og tákn
- Trúnaðarkennitölur
- Tvíþátta auðkenningarkóðar
Snjall hegðun:
Lykilorðsstilling slekkur sjálfkrafa á árekstrareiginleikum eins og textabreytingum og sérstökum innsláttartegundum til að tryggja öryggi.
📱 Snjallar inntaksgerðir
Bjartsýni fyrir farsíma og tölvur:
- Venjulegur texti – Staðlaður textainnsláttur fyrir almenna notkun
- Leit – Innbyggður hreinsunarhnappur (X) fyrir fljótlega endurstillingu
- Sími – Virkjar talnalyklaborð á snjalltækjum til að auðvelda innslátt símanúmers
- Vefslóð – Sýnir sérhæft farsímalyklaborð með flýtileiðum á .com og .org
Hvers vegna það skiptir máli:
Rétt innsláttartegund flýtir fyrir gagnaslátt í farsímum, dregur úr villum og bætir notendaupplifun á öllum tækjum.
🎨 Sjálfvirk textabreyting
Sníða texta eins og notendur slá inn:
- Engin umbreyting – Texti helst nákvæmlega eins og hann var sleginn inn
- HÁSTAFIR – Breytir öllum texta í hástafi (JÓNAR FRÁ)
- lágstafir – Breytir öllum texta í lágstafi (John Doe)
- Nota hástafi í fyrsta staf – Aðeins fyrsta staf með hástöfum (John Doe)
- Titill - Fyrsti stafur hvers orðs (John Doe)
Perfect fyrir:
- HÁSTAFIR: Númeraplötur, fylkisnúmer, vörunúmer
- Lítill stafur: Netföng, notendanöfn
- Stórir stafir: Setningar byrja, einstök nöfn
- Titlamál: Full nöfn, heimilisföng, titlar
Snjall hegðun:
Umbreyting gerist sjálfkrafa við innsendingu á meðan notendur sjá upprunalegu inntakið.
🙈 Falinn reiturhamur
Ósýnilegir gagnareitir
Búðu til reiti sem eru ekki sýnilegir notendum en sendu inn gögn með eyðublaðinu. Tilvalið fyrir rakningu, tilvísunarkóða og kerfisgildi.
Notaðu mál:
- UTM rakningarbreytur
- Auðkenni tilvísunaruppsprettu
- Útgáfunúmer eyðublaðs
- Tímastimplamerki
- Falin lýsigögn
Hvernig það virkar:
Stilltu „Falið gildi“ og það er sjálfkrafa innifalið í hverri eyðublaðsinnsendingu án þess að það fylli notendaviðmótið.
🔀 Skilyrt rökfræði
Sýnileiki á sviðum með breytilegu sjónsviði
Sýna eða fela textareiti út frá öðrum gildum í eyðublöðum. Búðu til snjall eyðublöð sem aðlagast innslætti notanda.
Ítarlegar rökfræðireglur:
- OG rökfræði – Öll skilyrði verða að vera uppfyllt
- EÐA rökfræði - Sérhvert skilyrði getur kallað fram aðgerðina
- 8 rekstraraðilar – Jafnt og með, Ekki jafnt og með, Stærra en, Minni en, Inniheldur, Er tómt og fleira.
Notaðu mál:
- Sýna aðeins „Nafn fyrirtækis“ þegar notandategundin er „Fyrirtæki“
- Birta „Tilvísunarheimild“ þegar „Hvernig heyrðir þú af okkur?“ inniheldur „Tilvísun“
- Fela „Aðrar upplýsingar“ þegar aðalvalkosturinn er ekki tómur
- Birta „Afsláttarkóða“ þegar pöntunarverðmætið er hærra en $100
🎯 Bætt notendaupplifun
Innbyggðir snjallir eiginleikar:
- Sjálfgefin gildi – Fylla út reiti fyrirfram til að flýta fyrir útfyllingu
- Staðgengilstexti – Sýna gagnlegar ábendingar áður en notendur slá inn
- Hjálpartexti – Bætið við lýsingum til að skýra hvað á að slá inn
- Nauðsynleg staðfesting – Gerðu reiti skyldubundna með skýrum vísbendingum
- Sérsniðnir CSS flokkar – Notið sérsniðna stíl til að passa við vörumerkið þitt
- Aðgengisstuðningur – ARIA merkimiðar fyrir skjálesara
- Bjartsýni fyrir farsíma – Snertivæn innsláttur með viðeigandi lyklaborðum
Einföld uppsetning í 3 skrefum
Undirbúið textainnsláttarreitinn á nokkrum mínútum
Bæta við textareitnum
Dragðu og slepptu textainnsláttarreitnum úr hlutanum Grunnreitir yfir á eyðublaðið þitt.
Setja staðfestingu og takmörk
Veldu gerð staðfestingar (tölvupóst, vefslóð, stafi o.s.frv.), stilltu lágmarks-/hámarksstafamörk og virkjaðu valfrjálst lykilorðsstillingu eða klippingu á bilum.
Stilla snið
Veldu innsláttartegund fyrir farsímabestun, veldu textabreytingu (hástafi, lágstafi o.s.frv.) og stilltu sjálfgefin gildi eða staðgengla.
???? Það er það! Textareiturinn þinn er tilbúinn með snjallri staðfestingu og sniði.
Raunverulegt forrit
Notandi Skráning
* Notendanafnsreitir með lengdarmörkum
* Lykilorðsinntak með grímu
* Nafnsreitir með sniði fyrir titilhástafi
* Netföng með staðfestingu
Viltu samband við eyðublöð
* Fullt nafn með titilháttum
* Staðfesting tölvupósts
* Símanúmer með símainntaki
* Skilaboða-/athugasemdasvið
E-verslun
* Innsláttur afsláttarkóða (hástafur)
* Reitir fyrir gjafaskilaboð
* Sérstakar leiðbeiningar
* Sendingarnótur
Viðskiptaumsóknir
* Kennitala starfsmanna
* Nöfn deilda
* Tilvísunarnúmer
* Innri kóðar
Umsóknir og skráning
* Leyfisnúmer
* Vottunarkóðar
* Aðildarnúmer
* Sérsniðin auðkenni
Leit og síun
* Leitarinntak með hreinsihnappi
* Sía textareiti
* Lykilorðafærslur
* Fyrirspurnarinntak
Valkostir fyrir fullkomna reiti
Grunnstillingar
- Reitarmerki – Titillinn sem birtist fyrir ofan textareitinn
- Lýsing/hjálpartexti – Frekari leiðbeiningar fyrir notendur
- Skyldur reitur – Gera textainnslátt skyldubundinn
- Staðgengilstexti – Vísbendingartexti áður en notendur slá inn
Lengdarstaðfesting
- Lágmarkslengd – Færri leyfðir stafir (staðfesting)
- Hámarkslengd – Flestir leyfðir stafir (hörð takmörk)
Sjálfgefin gildi
- Sjálfgefið gildi – Fyrirfram útfylltur texti þegar eyðublaðið hleðst inn
- Falið gildi – Gildi fyrir falda reiti (þegar falinn stilling er virk)
Öryggi & friðhelgi
- Lykilorðsreitur – Fela innslátt sem lykilorð (sýnir punkta •••)
Falinn reitur – Gerðu reitinn ósýnilegan en hafðu hann með í innsendingum
Gæði gagna
Skerið út bil - Fjarlægið auka bil sjálfkrafa frá upphafi og enda
Staðfestingarreglur
- Staðfestingartegund
- Ekkert (einhver texti)
- Tölvupóstur ([netvarið])
- Vefslóð (https://example.com)
- Aðeins bókstafir (aðeins AZ)
- Aðeins tölur (0-9 eingöngu)
- Stafatölur (AZ og 0-9)
- Sérsniðið mynstur (reglulegt orðalag)
- Sérsniðið mynstur – Regluleg segð fyrir sérsniðna staðfestingu (þegar „Sérsniðið“ er valið)
Inntakstegundir
- Gerð innsláttar
- Venjulegur texti
- Leita (með hreinsihnappi)
- Sími (talnaborð í farsíma)
- URL (sérhæft farsímalyklaborð)
Textasnið
- Textabreyting
- Engin umbreyting
- UPPERCASE
- lágstafir
- Skrifa fyrsta staf með stórum staf
- Titilmál
Skilyrt rökfræði
- Virkja skilyrt rökfræði – Sýna/fela út frá skilyrðum
- Rökfræði gerð
- Öll skilyrði verða að vera uppfyllt (OG)
- Hægt er að uppfylla hvaða skilyrði sem er (EÐA)
- Reglur um skilyrði
- Sýna/Fela – Aðgerð sem grípa skal til
- Reitur – Hvaða reit á að haka við
- Virki – Jafnt og með, Ekki jafnt og með, Inniheldur, Stærra en, Minni en, Er tómt, Er ekki tómt
- Virði – Samanburðarvirði
- Margar aðstæður – Bættu við ótakmörkuðum reglum
Ítarkostir
- Sérsniðnir CSS flokkar – Nota sérsniðna stíl
- Aðgengiseiginleikar – ARIA merkingar og lýsingar
Af hverju að velja textainnsláttarreitinn okkar?
✅ Fjölhæft – Virkar fyrir nöfn, kóða, lykilorð og allt þar á milli
✅ Snjall staðfesting – 6+ staðfestingarmynstur ásamt sérsniðnum regex
✅ Færanlegt fyrir farsíma – Viðeigandi lyklaborð fyrir hverja innsláttartegund
✅ Sjálfvirk sniðun – Textabreyting gerist sjálfkrafa
✅ Öruggt – Lykilorðsstilling verndar viðkvæmar upplýsingar
✅ Hreinsun gagna – Fjarlæging á bilum kemur í veg fyrir algengar villur
✅ Sveigjanlegt – Falin reitir, sjálfgefin gildi, skilyrt rökfræði
✅ Notendavænt – Skýr staðfestingarskilaboð leiðbeina notendum
✅ Fullkomlega samþætt – Virkar óaðfinnanlega með öllum eiginleikum eyðublaðsins
Algengar spurningar
Sp.: Hver er munurinn á lágmarks-/hámarkslengd og staðfestingu?
Lágmarks-/hámarkslengd stýrir því hversu margir stafir eru leyfðir. Staðfesting stýrir því hvaða stafir eru leyfðir, eins og aðeins bókstafir, aðeins tölustafir eða tölvupóstsnið.
Sp.: Get ég staðfest bæði lengd OG snið?
Já. Sameinaðu lágmarks-/hámarkslengd með staðfestingarreglum. Til dæmis, stilltu lágmark 3, hámark 15 og staðfestingu með bókstöfum og tölustöfum fyrir notandanafnsreit.
Sp.: Hvernig virkar lykilorðsstillingin?
Lykilorðsstilling hylur stafi með punktum, rétt eins og venjulegir lykilorðsreitir á innskráningarskjám.
Sp.: Hvað gerir „klippa út bil“?
Það fjarlægir bil fremst og aftast áður en það er sent inn svo að óvart bil trufli ekki staðfestingu.
Sp.: Get ég búið til sérsniðin staðfestingarmynstur?
Já. Notið „Sérsniðið mynstur“ og bætið við reglulegri segð til að framfylgja hvaða uppbyggingu sem er.
Sp.: Hvernig virka textabreytingar?
Notandinn skrifar venjulega og kerfið umbreytir textanum við innsendingu, til dæmis í stóra eða lága stafi.
Sp.: Til hvers er leitarinntakið notað?
Það bætir við innbyggðum hreinsihnappi (X) svo notendur geti endurstillt reitinn samstundis meðan þeir leita.
Sp.: Hvers vegna er hægt að nota „tel“ inntakstegundina?
Í farsíma opnar það talnalyklaborð til að auðvelda innslátt tölustafa í símastíl.
Sp.: Get ég notað skilyrt rökfræði með textareitum?
Já. Skilyrði eins og „Inniheldur“, „Jafnt og“ eða „Er tómt“ leyfa þér að sýna eða fela reiti út frá innslætti notanda.
Sp.: Til hvers eru faldir reitir notaðir?
Þau geyma gögn án þess að vera sýnileg notandanum, sem er gagnlegt til að rekja lýsigögn eins og UTM-merki eða tilvísunarheimildir.
Sp.: Er hægt að nota textareiti fyrir tölur?
Já, en notið reitinn Tölu fyrir útreikninga eða tölulega staðfestingu. Notið texta með „Aðeins tölum“ þegar þið þurfið kóða eða auðkenni sem ekki ætti að meðhöndla sem tölur.
Sp.: Hversu nákvæm geta regex-mynstur verið?
Regex getur framfylgt mjög sértækum mynstrum. Notaðu regex prófara ef þú þarft að smíða eða staðfesta flókin mynstur.
