Campo di immissione testo
Raccogli testo con precisione e flessibilità. Dai nomi semplici ai pattern più complessi, con convalida integrata, formattazione intelligente e potenti opzioni di personalizzazione, il campo di inserimento testo si adatta a qualsiasi caso d'uso con limiti di caratteri, formattazione automatica e modalità di password sicura.
Le basi di ogni modulo WordPress
Perfetto per:
Funzionalità potenti per ogni caso d'uso
📏 Controllo intelligente della lunghezza
Limiti minimi e massimi dei caratteri
Imposta i valori di testo più brevi e più lunghi consentiti. Impedisci l'invio di testo troppo breve o troppo lungo con la convalida integrata del browser.
Convalida in tempo reale
Gli utenti ricevono un feedback immediato se il loro contributo non soddisfa i requisiti di lunghezza, senza sorprese dopo l'invio.
Esempi:
- Nome utente: min 3, max 20 caratteri
- Codice postale: Min 5, Max 10 caratteri
- Nome: Min 2, Max 50 caratteri
- Commento: Max 500 caratteri
Perché è importante:
Controllare la qualità dei dati, prevenire lo spam, garantire la compatibilità del database e guidare gli utenti affinché forniscano la giusta quantità di informazioni.
✅ Modelli di convalida integrati
6 tipi di convalida preconfigurati:
- 1. Nessuno – Accetta qualsiasi testo (predefinito)
2. Email – Convalida il formato email corretto ([email protected])
3. URL – Richiede indirizzi web validi (https://example.com)
4. Solo lettere – Solo caratteri alfabetici e spazi (John Doe)
5. Solo numeri – Solo cifre numeriche (123456)
6. Alfanumerico – Lettere e numeri, nessun carattere speciale (User123)
Più modelli personalizzati:
- Definisci la tua convalida regex per formati specializzati come:
- Targhe: `^[AZ]{3}[0-9]{4}$`
- Codici prodotto: `^[AZ]{2}[0-9]{6}$`
- Formati personalizzati unici per la tua attività
Feedback istantaneo:
Se i dati immessi non corrispondono al formato richiesto, gli utenti visualizzano chiari messaggi di errore.
✂️ Taglio automatico degli spazi vuoti
Pulisci automaticamente i dati
Rimuovi gli spazi accidentali all'inizio e alla fine delle voci di testo. Non più "John" quando vuoi "John".
Casi d'uso:
- Indirizzi email (senza spazi finali)
- Nomi utente (senza spazi iniziali)
- Codici di riferimento (corrispondenze esatte)
- Qualsiasi campo in cui la precisione è importante
Vantaggi:
Riduce gli errori degli utenti, migliora la coerenza dei dati, previene i problemi di convalida e semplifica l'abbinamento e la ricerca.
🔒 Modalità password
Mascheramento sicuro degli input
Trasforma qualsiasi campo di testo in un campo password. I caratteri vengono visualizzati come punti (•••) per proteggere le informazioni sensibili da chi naviga in incognito.
Ideale per:
- Inserimento password e PIN
- Codici di sicurezza e token
- Numeri di identificazione riservati
- Codici di autenticazione a due fattori
Comportamento intelligente:
La modalità password disattiva automaticamente le funzionalità in conflitto, come la trasformazione del testo e tipi di input speciali, per garantire la sicurezza.
📱 Tipi di input intelligenti
Ottimizzato per dispositivi mobili e desktop:
- Testo normale – Input di testo standard per uso generale
- Ricerca – Include un pulsante di cancellazione integrato (X) per un rapido ripristino
- Telefono: attiva il tastierino numerico sui dispositivi mobili per un inserimento più semplice dei numeri di telefono
- URL – Mostra la tastiera mobile specializzata con scorciatoie .com, .org
Perché è importante:
Il tipo di input corretto velocizza l'immissione dei dati sui dispositivi mobili, riduce gli errori e migliora l'esperienza utente su tutti i dispositivi.
🎨 Trasformazione automatica del testo
Formatta il testo come digitato dall'utente:
- Nessuna trasformazione: il testo rimane esattamente come inserito
- MAIUSCOLO – Converte tutto il testo in maiuscolo (JOHN DOE)
- minuscolo – Converte tutto il testo in minuscolo (john doe)
- Prima lettera maiuscola: solo la prima lettera maiuscola (John doe)
- Maiuscolo iniziale: prima lettera di ogni parola (John Doe)
Ideale per:
- MAIUSCOLO: Targhe, codici statali, ID prodotto
- minuscolo: indirizzi email, nomi utente
- Maiuscolo: Inizio frase, nomi singoli
- Maiuscolo: nomi completi, indirizzi, titoli
Comportamento intelligente:
La trasformazione avviene automaticamente durante l'invio, mentre gli utenti visualizzano il loro input originale.
🙈 Modalità Campo Nascosto
Campi dati invisibili
Crea campi non visibili agli utenti, ma invia i dati tramite il modulo. Perfetto per il monitoraggio, i codici di riferimento e i valori di sistema.
Casi d'uso:
- Parametri di tracciamento UTM
- ID della fonte di riferimento
- Numeri di versione del modulo
- Marcatori di data e ora
- Metadati nascosti
Come funziona:
Imposta il "Valore nascosto" e questo verrà automaticamente incluso in ogni invio di modulo senza ingombrare l'interfaccia utente del modulo.
🔀 Logica condizionale
Visibilità dinamica del campo
Mostra o nascondi i campi di testo in base ad altri valori del modulo. Crea moduli intelligenti che si adattano all'input dell'utente.
Regole logiche avanzate:
- Logica AND: tutte le condizioni devono essere soddisfatte
- Logica OR: qualsiasi condizione può attivare l'azione
- 8 operatori: uguale, diverso, maggiore, minore, contiene, è vuoto e altro ancora
Casi d'uso:
- Mostra "Nome azienda" solo quando il tipo di utente è uguale a "Azienda"
- Visualizza "Fonte di riferimento" quando "Come hai saputo di noi?" contiene "Referral"
- Nascondi "Altri dettagli" quando l'opzione primaria non è vuota
- Rivela il "codice promozionale" quando il valore dell'ordine è superiore a $ 100
🎯 Esperienza utente migliorata
Funzionalità intelligenti integrate:
- Valori predefiniti: precompila i campi per velocizzare il completamento
- Testo segnaposto: mostra suggerimenti utili prima che gli utenti digitino
- Testo di aiuto: aggiungi descrizioni per chiarire cosa inserire
- Convalida obbligatoria: rendi i campi obbligatori con indicatori chiari
- Classi CSS personalizzate: applica uno stile personalizzato in base al tuo marchio
- Supporto per l'accessibilità: etichette ARIA per lettori di schermo
- Ottimizzato per dispositivi mobili: input touch-friendly con tastiere appropriate
Configurazione semplice in 3 passaggi
Prepara il tuo campo di immissione testo in pochi minuti
Aggiungi il campo di testo
Trascina e rilascia il campo di immissione testo dalla sezione Campi di base nel tuo modulo.
Imposta convalida e limiti
Scegli il tipo di convalida (e-mail, URL, lettere, ecc.), imposta i limiti minimi/massimi di caratteri e, facoltativamente, abilita la modalità password o la riduzione degli spazi vuoti.
Configura la formattazione
Seleziona il tipo di input per l'ottimizzazione mobile, scegli la trasformazione del testo (maiuscolo, minuscolo, ecc.) e imposta i valori predefiniti o i segnaposto.
."🎉 Ecco fatto! Il tuo campo di testo è pronto con convalida e formattazione intelligenti.
Applicazioni del mondo reale
Registrazione Utente
* Campi nome utente con limiti di lunghezza
* Inserimento password con mascheramento
* Campi nome con formattazione iniziale maiuscola
* Indirizzi email con convalida
Moduli di contatto
* Nome completo con iniziale maiuscola
* Convalida e-mail
* Numeri di telefono con input tel
* Campi messaggio/commento
E-Commerce
* Inserimento del codice promozionale (maiuscolo)
* Campi messaggio regalo
* Istruzioni speciali
* Note di spedizione
Applicazioni aziendali
* Numeri di identificazione dei dipendenti
* Nomi dei dipartimenti
* Numeri di riferimento
* Codici interni
Applicazioni e registrazione
* Numeri di licenza
* Codici di certificazione
* ID di iscrizione
* Identificatori personalizzati
Ricerca e filtraggio
* Cerca input con il pulsante Cancella
* Filtra i campi di testo
* Voci di parole chiave
* Input di query
Completa le opzioni del campo
Configurazione di base
- Etichetta del campo: il titolo mostrato sopra il campo di testo
- Descrizione/Testo di aiuto – Ulteriori indicazioni per gli utenti
- Campo obbligatorio: rende obbligatorio l'inserimento del testo
- Testo segnaposto: testo di suggerimento prima che gli utenti digitino
Validazione della lunghezza
- Lunghezza minima: minimo di caratteri consentiti (validazione)
- Lunghezza massima: la maggior parte dei caratteri consentiti (limite massimo)
Valori standard
- Valore predefinito: testo precompilato al caricamento del modulo
- Valore nascosto: valore per i campi nascosti (quando la modalità nascosta è abilitata)
Sicurezza e Privacy
- Campo password – Maschera l'input come password (mostra punti •••)
Campo nascosto: rende il campo invisibile ma lo include negli invii
Qualità dei dati
Rimuovi spazi vuoti: rimuovi automaticamente gli spazi extra dall'inizio e dalla fine
Regole di convalida
- Tipo di convalida
- Nessuno (qualsiasi testo)
- Email ([email protected])
- URL (https://esempio.com)
- Solo lettere (solo AZ)
- Solo numeri (solo da 0 a 9)
- Alfanumerico (AZ e 0-9)
- Modello personalizzato (regex)
- Modello personalizzato: espressione regolare per la convalida personalizzata (quando è selezionato "Personalizzato")
Tipi di input
- Tipo di ingresso
- Testo normale
- Cerca (con pulsante Cancella)
- Telefono (tastiera numerica sul cellulare)
- URL (tastiera mobile specializzata)
Formattazione del testo
- Trasformazione del testo
- Nessuna trasformazione
- LETTERE MAIUSCOLE
- minuscolo
- Prima lettera maiuscola
- Caso del titolo
Logica condizionale
- Abilita logica condizionale: mostra/nascondi in base alle condizioni
- Tipo logico
- Tutte le condizioni devono essere soddisfatte (E)
- Qualsiasi condizione può essere soddisfatta (OR)
- Regole di condizione
- Mostra/Nascondi – Azione da intraprendere
- Campo – Quale campo controllare
- Operatore – Uguale, Non uguale, Contiene, Maggiore di, Minore di, È vuoto, Non è vuoto
- Valore – Valore di confronto
- Condizioni multiple: aggiungi regole illimitate
Opzioni avanzate
- Classi CSS personalizzate: applica stili personalizzati
- Attributi di accessibilità: etichette e descrizioni ARIA
Perché scegliere il nostro campo di immissione testo?
✅ Versatile: funziona con nomi, codici, password e tutto il resto
✅ Validazione intelligente: oltre 6 modelli di convalida più espressioni regolari personalizzate
✅ Ottimizzato per dispositivi mobili: tastiere adatte a ogni tipo di input
✅ Formattazione automatica: la trasformazione del testo avviene automaticamente
✅ Sicuro: la modalità password protegge le informazioni sensibili
✅ Dati puliti: la riduzione degli spazi vuoti previene errori comuni
✅ Flessibile: campi nascosti, valori predefiniti, logica condizionale
✅ Facile da usare: messaggi di convalida chiari guidano gli utenti
✅ Completamente integrato: funziona perfettamente con tutte le funzionalità del modulo
Domande frequenti
D: Qual è la differenza tra lunghezza minima/massima e convalida?
La lunghezza minima/massima controlla quanti caratteri sono consentiti. La convalida controlla quali caratteri sono consentiti, ad esempio solo lettere, solo numeri o formato email.
D: Posso convalidare sia la lunghezza che il formato?
Sì. Combina la lunghezza minima/massima con le regole di convalida. Ad esempio, imposta un valore minimo di 3, un valore massimo di 15 e la convalida alfanumerica per un campo nome utente.
D: Come funziona la modalità password?
La modalità password maschera i caratteri con dei punti, proprio come i tipici campi password nelle schermate di accesso.
D: A cosa serve "taglia gli spazi bianchi"?
Rimuove gli spazi iniziali e finali prima dell'invio, in modo che gli spazi accidentali non interrompano la convalida.
D: Posso creare modelli di convalida personalizzati?
Sì. Utilizza "Modello personalizzato" e aggiungi un'espressione regolare per applicare qualsiasi struttura di cui hai bisogno.
D: Come funzionano le trasformazioni del testo?
L'utente digita normalmente e il sistema trasforma il testo al momento dell'invio, ad esempio convertendolo in maiuscolo o in maiuscolo.
D: A cosa serve il tipo di input di ricerca?
Aggiunge un pulsante di cancellazione (X) integrato, in modo che gli utenti possano reimpostare immediatamente il campo durante la ricerca.
D: Perché utilizzare il tipo di input "tel"?
Sui dispositivi mobili, apre un tastierino numerico per semplificare l'inserimento di cifre in stile telefono.
D: Posso usare la logica condizionale con i campi di testo?
Sì. Condizioni come "Contiene", "Uguale a" o "È vuoto" consentono di mostrare o nascondere i campi in base all'input dell'utente.
D: A cosa servono i campi nascosti?
Memorizzano i dati senza essere visibili all'utente, il che è utile per tracciare metadati come tag UTM o fonti di riferimento.
D: I campi di testo possono essere utilizzati per i numeri?
Sì, ma utilizza il campo Numero per calcoli o convalida numerica. Utilizza Testo con "Solo numeri" quando hai bisogno di codici o ID che non devono essere trattati come numeri.
D: Quanto possono essere precisi i modelli di espressioni regolari?
Le espressioni regolari possono imporre pattern estremamente specifici. Utilizza un tester per espressioni regolari se devi creare o verificare pattern complessi.
