Tekstinsyöttökenttä
Kerää tekstiä tarkasti ja joustavasti. Yksinkertaisista nimistä monimutkaisiin malleihin sisäänrakennetun validoinnin, älykkään muotoilun ja tehokkaan mukauttamisen avulla – tekstinsyöttökenttä mukautuu mihin tahansa käyttötapaukseen merkkirajoitusten, automaattisen muotoilun ja turvallisten salasanatilojen avulla.
Jokaisen WordPress-lomakkeen perusta
Täydellinen:
Tehokkaita ominaisuuksia jokaiseen käyttötarkoitukseen
📏 Älykäs pituuden säätö
Minimi- ja enimmäismerkkimäärät
Aseta lyhyimmät ja pisimmät sallitut tekstimerkinnät. Estä liian lyhyitä tai liian pitkiä lähetyksiä sisäänrakennetulla selaimen tarkistuksella.
Reaaliaikainen validointi
Käyttäjät näkevät välittömän palautteen, jos heidän työnsä ei täytä pituusvaatimuksia – ei yllätyksiä lähettämisen jälkeen.
Esimerkkejä:
- Käyttäjätunnus: Vähintään 3, enintään 20 merkkiä
- Postinumero: Vähintään 5, enintään 10 merkkiä
- Nimi: Vähintään 2, enintään 50 merkkiä
- Kommentti: Enintään 500 merkkiä
Miksi sillä on merkitystä:
Hallitse datan laatua, estä roskapostia, varmista tietokannan yhteensopivuus ja ohjaa käyttäjiä antamaan oikean määrän tietoa.
✅ Sisäänrakennetut validointimallit
6 esikonfiguroitua validointityyppiä:
- 1. Ei mitään – Hyväksy mikä tahansa teksti (oletus)
2. Sähköposti – Vahvistaa sähköpostiosoitteen oikean muodon ([sähköposti suojattu])
3. URL-osoite – Vaatii kelvolliset verkko-osoitteet (https://example.com)
4. Vain kirjaimia – Vain aakkosmerkkejä ja välilyöntejä (Matti Koira)
5. Vain numerot – Vain numeroita (123456)
6. Aakkosnumeerinen – Kirjaimia ja numeroita, ei erikoismerkkejä (Käyttäjä123)
Lisäksi mukautettuja kuvioita:
- Määritä oma säännöllisten lausekkeiden validointisi erikoistuneille muodoille, kuten:
- Rekisterikilvet: `^[AZ]{3}[0-9]{4}$`
- Tuotekoodit: `^[AZ]{2}[0-9]{6}$`
- Yrityksellesi ainutlaatuiset mukautetut muodot
Välitön palaute:
Käyttäjät näkevät selkeitä virheilmoituksia, jos heidän syötteensä ei vastaa vaadittua muotoa.
✂️ Automaattinen välilyöntien leikkaus
Puhdista tiedot automaattisesti
Poista vahingossa käytetyt välilyönnit tekstin alusta ja lopusta. Ei enää ”John”, kun haluat ”Johnin”.
Käytä koteloita:
- Sähköpostiosoitteet (ei välilyöntejä lopussa)
- Käyttäjätunnukset (ei välilyöntejä alussa)
- Viitekoodit (täsmälleen samat)
- Millä tahansa alalla, jossa tarkkuus on tärkeää
Hyödyt:
Vähentää käyttäjävirheitä, parantaa tietojen yhtenäisyyttä, estää validointiongelmia ja yksinkertaistaa yhdistämistä ja hakemista.
🔒 Salasanatila
Suojattu syöttömaskaus
Muunna mikä tahansa tekstikenttä salasanakentäksi. Merkit näkyvät pisteinä (•••) suojatakseen arkaluontoisia tietoja olkapäältä surffailevilta henkilöiltä.
Täydellinen:
- Salasanan ja PIN-koodin syötteet
- Turvakoodit ja tunnukset
- Luottamukselliset tunnistenumerot
- Kaksivaiheiset todennuskoodit
Älykäs käyttäytyminen:
Salasanatila poistaa automaattisesti käytöstä ristiriitaiset ominaisuudet, kuten tekstinmuunnokset ja erikoissyöttötyypit, turvallisuuden varmistamiseksi.
📱 Älykkäät syöttötyypit
Optimoitu mobiililaitteille ja tietokoneille:
- Normaali teksti – Vakiotekstinsyöttö yleiskäyttöön
- Haku – Sisältää sisäänrakennetun tyhjennyspainikkeen (X) nopeaa nollausta varten
- Puhelin – Käynnistää numeronäppäimistön mobiililaitteissa helpottaakseen puhelinnumeron syöttämistä
- URL-osoite – Näyttää erikoistuneen mobiilinäppäimistön .com- ja .org-pikakuvakkeilla
Miksi sillä on merkitystä:
Oikea syöttötapa nopeuttaa tiedonsyöttöä mobiililaitteilla, vähentää virheitä ja parantaa käyttökokemusta kaikilla laitteilla.
🎨 Automaattinen tekstinmuunnos
Muotoile teksti käyttäjän kirjoittamana:
- Ei muunnoksia – Teksti pysyy täsmälleen syötetyn kaltaisena
- ISOT KIRJAIMET – Muuntaa kaiken tekstin isoksi kirjaimiksi (JOHN DOE)
- pienet kirjaimet – Muuntaa kaiken tekstin pieniksi kirjaimiksi (matti doe)
- Kirjoita ensimmäinen kirjain isolla – Vain ensimmäinen kirjain isolla (Matti doe)
- Otsikkokoko – Kunkin sanan ensimmäinen kirjain (Matti Koira)
Täydellinen:
- ISOT KIRJAIMET: Rekisterikilvet, osavaltiokoodit, tuotetunnukset
- pienet kirjaimet: Sähköpostiosoitteet, käyttäjätunnukset
- Iso alkukirjain: Lause alkaa, yksittäiset nimet
- Tittelin isot kirjaimet: Koko nimet, osoitteet, tittelit
Älykäs käyttäytyminen:
Muunnos tapahtuu automaattisesti lähetyksen aikana, ja käyttäjät näkevät alkuperäisen syötteen.
🙈 Piilotettu kenttätila
Näkymättömät tietokentät
Luo kenttiä, jotka eivät ole käyttäjille näkyvissä, mutta joihin voit lähettää tietoja lomakkeen kautta. Täydellinen seurantaan, viittauskoodeihin ja järjestelmäarvoihin.
Käytä koteloita:
- UTM-seurantaparametrit
- Viittauslähteiden tunnukset
- Lomakkeen versionumerot
- Aikaleimamerkit
- Piilotetut metatiedot
Näin se toimii:
Aseta ”Piilotettu arvo”, niin se sisällytetään automaattisesti jokaiseen lomakkeen lähetykseen ilman, että lomakkeen käyttöliittymä sotkeutuu.
🔀 Ehdollinen logiikka
Dynaamisen kentän näkyvyys
Näytä tai piilota tekstikenttiä muiden lomakearvojen perusteella. Luo älykkäitä lomakkeita, jotka mukautuvat käyttäjän syötteeseen.
Edistyneet logiikan säännöt:
- JA-logiikka – Kaikkien ehtojen on täytyttävä
- TAI-logiikka – Mikä tahansa ehto voi laukaista toiminnon
- 8 operaattoria – Yhtä suuri kuin, Ei yhtä suuri kuin, Suurempi kuin, Pienempi kuin, Sisältää, On tyhjä ja paljon muuta
Käytä koteloita:
- Näytä ”Yrityksen nimi” vain, kun käyttäjätyyppi on ”Yritys”
- Näytä ”Suosittelun lähde”, kun ”Mistä kuulit meistä?” sisältää ”Suosittelun”
- Piilota ”Muut tiedot”, kun ensisijainen vaihtoehto ei ole tyhjä
- Näytä "Alennuskoodi", kun tilauksen arvo on yli 100 dollaria
🎯 Parannettu käyttökokemus
Sisäänrakennetut älyominaisuudet:
- Oletusarvot – Täytä kentät etukäteen nopeuttaaksesi valmistumista
- Paikkamerkkiteksti – Näytä hyödyllisiä vinkkejä ennen kuin käyttäjät kirjoittavat
- Ohjeteksti – Lisää kuvauksia selventääksesi, mitä kirjoitetaan
- Pakollinen vahvistus – Tee kentistä pakollisia selkeillä indikaattoreilla
- Mukautetut CSS-luokat – Käytä mukautettuja tyylejä brändisi mukaan
- Esteettömyystuki – ARIA-tunnisteet näytönlukijoille
- Mobiilioptimoitu – Kosketusystävälliset syöttötavat sopivilla näppäimistöillä
Yksinkertainen asennus 3 vaiheessa
Valmistele tekstinsyöttökenttäsi muutamassa minuutissa
Lisää tekstikenttä
Vedä ja pudota tekstinsyöttökenttä Peruskentät-osiosta lomakkeeseen.
Aseta validointi ja rajat
Valitse vahvistustyyppi (sähköposti, URL, kirjaimet jne.), aseta merkkien vähimmäis- ja enimmäismäärät ja ota halutessasi käyttöön salasanatila tai välilyöntien leikkaus.
Muotoilun määrittäminen
Valitse mobiilioptimoinnin syöttötyyppi, valitse tekstin muunnos (isot kirjaimet, pienet kirjaimet jne.) ja aseta oletusarvot tai paikkamerkit.
🎉 Siinä kaikki! Tekstikenttäsi on valmis älykkäällä validoinnilla ja muotoilulla.
Reaalimaailman sovellukset
käyttäjän rekisteröinti
* Käyttäjätunnuskenttien pituusrajoitukset
* Salasanan syötteet peittämällä
* Nimikentät, joissa otsikko on muotoiltu isoksi tai pieneksi
* Sähköpostiosoitteet vahvistuksella
Yhteystiedot Lomakkeet
* Koko nimi (alkuperäinen nimi)
* Sähköpostin vahvistus
* Puhelinnumerot, joissa on puhelinnumeron syöte
* Viesti-/kommenttikentät
E-Commerce
* Kampanjakoodin syöttö (isoilla kirjaimilla)
* Lahjaviestikentät
* Erityisohjeet
* Toimitustiedot
Business Applications
* Työntekijän tunnistenumerot
* Osastojen nimet
* Viitenumerot
* Sisäiset koodit
Hakemukset ja rekisteröinti
* Rekisterinumerot
* Sertifiointikoodit
* Jäsenyystunnukset
* Mukautetut tunnisteet
Haku ja suodatus
* Hakutulo tyhjennyspainikkeella
* Suodata tekstikentät
* Avainsanamerkinnät
* Kyselytulot
Täydelliset kenttäasetukset
Peruskokoonpano
- Kentän otsikko – Tekstikentän yläpuolella näkyvä otsikko
- Kuvaus/ohjeteksti – Lisäohjeita käyttäjille
- Pakollinen kenttä – Tee tekstin syöttämisestä pakollista
- Paikkamerkkiteksti – Vihjeteksti ennen kuin käyttäjät kirjoittavat
Pituuden validointi
- Minimipituus – Sallittu vähiten merkkejä (vahvistus)
- Enimmäispituus – Suurin sallittu merkkimäärä (kova raja)
Oletusarvot
- Oletusarvo – Esitäytetty teksti lomakkeen latautuessa
- Piilotettu arvo – Piilotettujen kenttien arvo (kun piilotettu tila on käytössä)
Turvallisuus ja yksityisyys
- Salasanakenttä – Peitä syöte salasanana (näyttää pisteet •••)
Piilotettu kenttä – Tee kentästä näkymätön, mutta sisällytä se lähetyksiin
Tietojen laatu
Leikkaa välilyönnit – Poista ylimääräiset välilyönnit alusta ja lopusta automaattisesti
Validointisäännöt
- Vahvistustyyppi
- Ei mitään (mikä tahansa teksti)
- Sähköposti ([sähköposti suojattu])
- URL-osoite (https://esimerkki.com)
- Vain kirjaimia (vain A-Ö)
- Vain numerot (vain 0–9)
- Aakkosnumeerinen (AZ ja 0–9)
- Mukautettu malli (säännöllinen lauseke)
- Mukautettu malli – Säännöllinen lauseke mukautettua validointia varten (kun ”Mukautettu” on valittuna)
Tulotyypit
- Syötteen tyyppi
- Normaali teksti
- Haku (tyhjennä-painikkeella)
- Puhelin (numeronäppäimistö matkapuhelimessa)
- URL-osoite (erikoistunut mobiilinäppäimistö)
Tekstin muotoilu
- Tekstin muunnos
- Ei muutosta
- ISOILLA
- pieniä
- Kirjoita ensimmäinen kirjain isolla
- Otsikkotapaus
Ehdollinen logiikka
- Ota käyttöön ehdollinen logiikka – Näytä/piilota ehtojen perusteella
- Logiikkatyyppi
- Kaikkien ehtojen on täytyttävä (JA)
- Mikä tahansa ehto voi täyttyä (TAI)
- Ehtosäännöt
- Näytä/Piilota – Suoritettava toiminto
- Kenttä – Tarkistettava kenttä
- Operaattori – Yhtä suuri kuin, Ei yhtä suuri kuin, Sisältää, Suurempi kuin, Pienempi kuin, On tyhjä, Ei ole tyhjä
- Arvo – Vertailuarvo
- Useita ehtoja – Lisää rajattomasti sääntöjä
Lisäasetukset
- Mukautetut CSS-luokat – Käytä mukautettuja tyylejä
- Esteettömyysominaisuudet – ARIA-tunnisteet ja -kuvaukset
Miksi valita tekstinsyöttökenttämme?
✅ Monipuolinen – Toimii nimien, koodien, salasanojen ja kaiken siltä väliltä
✅ Älykäs validointi – yli 6 validointimallia ja mukautettava regex
✅ Mobiilioptimoitu – Sopivat näppäimistöt kullekin syöttötyypille
✅ Automaattinen muotoilu – Tekstin muuntaminen tapahtuu automaattisesti
✅ Turvallinen – Salasanatila suojaa arkaluonteisia tietoja
✅ Puhdas data – Tyhjien merkkien poistaminen estää yleisiä virheitä
✅ Joustava – Piilotetut kentät, oletusarvot, ehdollinen logiikka
✅ Käyttäjäystävällinen – Selkeät vahvistusviestit opastavat käyttäjiä
✅ Täysin integroitu – Toimii saumattomasti kaikkien lomakeominaisuuksien kanssa
Usein Kysytyt Kysymykset
K: Mitä eroa on min/max-pituudella ja validoinnilla?
Min/max-pituus määrittää sallittujen merkkien määrän. Vahvistus määrittää sallitut merkit, kuten vain kirjaimia, vain numeroita tai sähköpostiosoitteen muodon.
K: Voinko vahvistaa sekä pituuden ETTÄ muodon?
Kyllä. Yhdistä min/max-pituus validointisääntöihin. Aseta esimerkiksi käyttäjätunnuskentälle min 3, max 15 ja aakkosnumeerinen validointi.
K: Miten salasanatila toimii?
Salasanatila peittää merkit pisteillä, aivan kuten tyypillisissä salasanakentissä kirjautumisnäytöillä.
K: Mitä ”välilyönnin poisto” tekee?
Se poistaa alku- ja loppuvälilyönnit ennen lähetystä, jotta vahingossa lisätyt välilyönnit eivät keskeytä validointia.
K: Voinko luoda mukautettuja validointimalleja?
Kyllä. Käytä ”Mukautettua kuviota” ja lisää säännöllinen lauseke vahvistaaksesi tarvitsemasi rakenteen.
K: Miten tekstimuunnokset toimivat?
Käyttäjä kirjoittaa normaalisti, ja järjestelmä muuttaa tekstin lähetyksen yhteydessä, esimerkiksi muuntaa sen ISOKIRJAIMIKSI tai otsikkokirjaimiksi.
K: Mitä hakukenttätyyppiä käytetään?
Se lisää sisäänrakennetun tyhjennyspainikkeen (X), jotta käyttäjät voivat nollata kentän välittömästi haun aikana.
K: Miksi käyttää ”tel”-syöttötyyppiä?
Mobiililaitteella se avaa numeronäppäimistön, joka helpottaa numeroiden syöttämistä puhelintyyliin.
K: Voinko käyttää ehdollista logiikkaa tekstikenttien kanssa?
Kyllä. Ehtojen, kuten ”Sisältää”, ”On yhtä suuri kuin” tai ”On tyhjä”, avulla voit näyttää tai piilottaa kenttiä käyttäjän syötteen perusteella.
K: Mihin piilotettuja kenttiä käytetään?
Ne tallentavat tietoja käyttäjän näkymättömissä, mikä on hyödyllistä metatietojen, kuten UTM-tunnisteiden tai viittauslähteiden, seurannassa.
K: Voiko tekstikenttiä käyttää numeroille?
Kyllä, mutta käytä Numero-kenttää laskutoimituksiin tai numeeriseen validointiin. Käytä Teksti-muotoa, jossa on Vain numerot, kun tarvitset koodeja tai tunnuksia, joita ei tule käsitellä numeroina.
K: Kuinka tarkkoja säännölliset lausekkeet voivat olla?
Regex voi pakottaa erittäin tarkkoja kaavoja. Käytä regex-testeriä, jos sinun on luotava tai tarkistettava monimutkaisia kaavoja.
