Campo numerico
Raccogli numeri con precisione e stile. Dai semplici input numerici ai cursori interattivi con formattazione della valuta, il campo Numero offre convalida, formattazione e un'esperienza utente impeccabile.
Raccolta di numeri intelligenti con convalida integrata
Perfetto per:
Funzionalità potenti per ogni caso d'uso
🎯 Controllo di convalida preciso
Limiti minimi/massimi
Imposta i valori minimo e massimo consentiti. Impedisci l'inserimento di dati non validi prima dell'invio grazie alla convalida integrata nel browser.
Controllo della dimensione del passo
Definisci i valori di incremento: numeri interi (1), semitoni (0.5) o decimali precisi (0.01) per la valuta.
Esempi:
- Campo età: Min 18, Max 100, Step 1
- Campo prezzo: Min 0, Max 10000, Step 0.01
- Valutazione: Min 1, Max 5, Step 0.5
💰 Formattazione intelligente dei numeri
Opzioni di formato multiple:
- Numero semplice – Inserimento numerico semplice (123)
- Valuta – Denaro con simboli ($ 123.00, € 123.00, £ 123.00)
- Percentuale – Aggiunta automatica del simbolo % (85%)
- Decimale – Cifre decimali fisse (123.45)
Simboli di valuta personalizzati
Supporta qualsiasi valuta: $, €, £, ¥, ₹ e altre ancora: perfetto per i moduli internazionali.
Precisione decimale
Controlla le cifre decimali da 0 a 4 per calcoli esatti.
Modalità cursore interattivo
Selezione visiva dei numeri
Trasforma gli input numerici in splendidi cursori. Gli utenti possono scorrere per selezionare i valori: perfetti per valutazioni, intervalli e preferenze.
Aspetto personalizzabile
- Scegli il colore del cursore che corrisponda al tuo marchio
- Mostra/nascondi la visualizzazione del valore corrente
- Animazioni e transizioni fluide
Ideale per:
- Valutazioni di soddisfazione (1-10)
- Intervalli di budget ($ 0-$ 5000)
- Selettori di età
- Livelli di priorità
- Qualsiasi selezione di intervallo
🔀 Logica condizionale
Visibilità intelligente del campo
Mostra o nascondi questo campo numerico in base ai valori di altri campi. Crea moduli dinamici 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 "Numero di ospiti" solo quando la casella di controllo "Portare ospiti?" è selezionata
- Visualizza "Intervallo di budget" quando il tipo di servizio è uguale a "Premium"
- Nascondi il "codice sconto" quando il totale dell'ordine è inferiore a $ 50
- Mostra le opzioni con restrizioni di età quando l'età è maggiore di 1
🎨 Personalizzazione completa
- Classi CSS personalizzate
- Modalità campo nascosto
- Input ottimizzati per dispositivi mobili
- Supporto per l'accessibilità
- Integrazione con tutte le funzionalità del modulo
- Dimensione del passo, valore iniziale
- Valore minimo/massimo consentito
- Campo nascosto, valore nascosto
⚙️ Configurazione intelligente
Valori standard
Precompilare i campi con numeri iniziali per guidare gli utenti o accelerare il completamento.
Testo segnaposto
Mostra suggerimenti utili come "Inserisci quantità" o "La tua età" prima che gli utenti digitino.
Testo di aiuto
Aggiungere descrizioni per chiarire quali numeri inserire.
Configurazione semplice in 3 passaggi
Prepara il tuo campo a discesa in pochi minuti
Aggiungi il campo numerico
Trascina e rilascia il campo Numero dalla sezione Campi di base nel tuo modulo.
Imposta regole di convalida
Configura i valori min/max, la dimensione del passo e il valore iniziale per controllare quali numeri possono essere immessi dagli utenti.
Scegli formato e stile
Seleziona il formato normale, valuta, percentuale o decimale. Facoltativamente, attiva la modalità cursore per la selezione visiva.
."🎉 Ecco fatto! Il tuo campo numerico è pronto con convalida e formattazione intelligenti.
Applicazioni del mondo reale
E-Commerce e ordini
- Selettori di quantità di prodotto
- Filtri per fascia di prezzo
- Input percentuali di sconto
- Conteggio e totali degli articoli
Sondaggi e valutazioni
- Punteggi di soddisfazione (1-10)
- Valutazioni in stelle
- Classifiche di priorità
- Scale di verosimiglianza
Fitness e salute
- Monitoraggio del peso
- Misure di altezza
- Ripetizioni dell'esercizio
- Calcolatori dell'IMC
Prenotazioni e prenotazioni
- Numero di ospiti/partecipanti
- Quantità di stanze
- Durata in ore/giorni
- Dimensioni della festa
I moduli di domanda
- Verifica dell'età
- Anni di esperienza
- Aspettative di stipendio
- Fasce di budget
Finanza aziendale
- Input di entrate
- Importi degli investimenti
- Percentuali di ROI
- Tassi di commissione
Completa le opzioni del campo
Configurazione di base
- Etichetta di campo – Il titolo mostrato sopra il campo numerico
- Descrizione/Testo di aiuto – Ulteriori indicazioni per gli utenti
- Campo obbligatorio – Rendere obbligatorio l’inserimento del numero
- Testo segnaposto – Testo di suggerimento prima che gli utenti inseriscano un numero
Impostazioni di convalida
- Valore minimo consentito (min) – Numero più piccolo accettabile
- Valore massimo consentito (max) – Numero più grande accettabile
- Dimensione del passo – Incrementa il valore (1, 0.5, 0.01, ecc.)
- Valore iniziale – Numero predefinito precompilato
Numero Formattazione
- Formato di visualizzazione
- Numero semplice
- Valuta (con simbolo)
- Percentuale (%)
- Decimale (cifre fisse)
Simbolo monetario – $, €, £, ¥, ₹ (quando il formato è Valuta)
Decimali – 0, 1, 2, 3 o 4 cifre (quando il formato è decimale)
Opzioni cursore
- Mostra come cursore – Abilita la modalità cursore interattivo
- Colore cursore – Selettore di colori personalizzato per il branding
- Mostra numero accanto al cursore – Visualizza il valore corrente
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
- Settore – Quale campo controllare
- Operatore – Uguale a, Non uguale a, Contiene, Maggiore di, Minore di, È vuoto, Non è vuoto
- Valore – Valore di confronto
- Condizioni multiple – Aggiungi regole illimitate
Opzioni avanzate
- Modalità Campo Nascosto – Utilizzare come campo nascosto con valore preimpostato
- Classi CSS personalizzate – Applica uno stile personalizzato
- Attributi di accessibilità – Etichette e descrizioni ARIA
Perché scegliere il nostro campo numerico?
✅ Una precisa – La convalida esatta min/max impedisce voci non valide
✅ Flessibile – Formati multipli per qualsiasi caso d’uso
✅ Visivo – La modalità Slider crea interazioni coinvolgenti
✅ Smart – La logica condizionale crea forme dinamiche
✅ Di facile utilizzo – Messaggi di convalida chiari guidano gli utenti
✅ Professionista – Formattazione di valuta e percentuale integrata
✅ Mobile ottimizzato – Tastiere numeriche perfette sui dispositivi mobili
✅ Perfetta integrazione con Qapter – Funziona perfettamente con tutte le funzionalità del modulo
Domande frequenti
D: Qual è la differenza tra Min/Max e convalida?
R: Le impostazioni Min/Max forniscono una convalida immediata a livello di browser. Gli utenti non possono inserire numeri non validi, rendendo i moduli privi di errori e intuitivi.
D: Posso usare numeri decimali?
R: Sì! Imposta il valore del passaggio per controllare i decimali. Usa 0.01 per la valuta (prezzi), 0.1 per una cifra decimale o qualsiasi passaggio personalizzato.
D: Come funziona lo slider sui dispositivi mobili?
R: Gli slider sono ottimizzati per il tocco e funzionano senza problemi sui dispositivi mobili.
D: Posso collezionare numeri negativi?
A: Assolutamente! Imposta un valore minimo negativo (ad esempio, Min: -100, Max: 100) per consentire numeri negativi.
D: Quali simboli di valuta sono supportati?
A: Qualsiasi simbolo! Inserisci $, €, £, ¥, ₹ o qualsiasi simbolo personalizzato fino a 3 caratteri.
D: Posso usare la logica condizionale basata sui confronti numerici?
R: Sì! Utilizza operatori come "Maggiore di", "Minore di" e "Uguale a" per creare una logica basata su valori numerici.
D: Come si crea un campo percentuale?
A: Seleziona "Percentuale (%)" come Formato di visualizzazione. Il simbolo % appare automaticamente e gli utenti inseriscono valori da 0 a 100.
D: Posso cambiare il colore del cursore?
R: Sì! Quando la modalità cursore è abilitata, puoi scegliere qualsiasi colore utilizzando il selettore colori.
D: Cosa succede se gli utenti inseriscono numeri al di fuori dell'intervallo?
A: La convalida del browser interrompe l'invio e mostra un messaggio di errore del tipo "Il valore deve essere compreso tra 1 e 100".
D: Posso usare il campo numerico per i calcoli?
R: Sì! I valori dei campi numerici funzionano nei confronti condizionali e nei calcoli durante l'elaborazione dei moduli.
D: Quanto possono essere precisi i numeri decimali?
R: È possibile impostare cifre decimali da 0 a 4 e i valori degli incrementi possono essere precisi quanto necessario (ad esempio, 0.001).
