Byggnadskvantitetsfält: Antal gäster, artiklar etc.
Hur många gäster? Hur många biljetter? Hur många artiklar behöver du? Antalsfält samlar in numeriska värden som styr beslut – från evenemangsplanering till orderhantering till resursallokering.
I den här guiden lär du dig hur du skapar effektiva kvantitetsfält med korrekt validering, gränser och användarvänliga kontroller.
När du behöver kvantitetsfält
Registrering av evenemang
- Antal deltagare
- Antal gäster till middagen
- Biljetter begärda
- Bordbokningar (gruppstorlek)
Beställningar och förfrågningar
- Antal föremål
- Antal kopior
- Behövda enheter
- Stora beställningar
Bokningar och reservationer
- Antal rum
- Gäster per rum
- Antal nätter
- Fordon i sällskapet
Undersökningar och feedback
- Betyg på skala (1-10)
- Frekvensräkningar
- År av erfarenhet
- Antal anställda
Ansökningar och blanketter
- Hushållsmedlemmar
- anhöriga
- År på adressen
- Antal ägda fordon
Resursplanering
- Stolar behövs
- Parkeringsplatser behövs
- Måltider att förbereda
- Materialmängd
Skapa ett kvantitetsfält
Så här bygger du kvantitetsfält med Automatisk formulärbyggare:
Steg 1: Installera Auto Form Builder
- Gå till Plugins → Lägg till nytt
- Söka efter "A.F.B.” (kortnamnet för Auto Form Builder)
- Hitta "AFB – Automatisk formulärbyggare – Dra och släpp formulärskapare"
- Klicka installera nuoch sedan Aktivera
Steg 2: Lägg till en Nummerfält
- Skapa eller redigera ditt formulär
- Hitta Antal i fältpaletten
- Dra den till din formulärarbetsyta
- Klicka för att öppna inställningarna
Steg 3: Konfigurera grundläggande inställningar
Fältetikett
Tydliga, specifika etiketter:
- "Antal gäster"
- "Kvantitet"
- "Hur många biljetter?"
- "Sällskapets storlek"
Krävs / Valfritt
- Krävs – Måste ange ett nummer för att skicka
- Frivillig – Kan lämnas tomt
Hjälptext
Förtydliga förväntningar:
- "Inklusive dig själv"
- "Max 10 per beställning"
- "Ange 0 om ingen"
Steg 4: Ställ in minimum och maximum
Begränsa intervallet för acceptabla värden:
Minsta värde
- Lägsta tillåtna antal
- Ofta 0 eller 1
- Förhindrar negativa tal
maximal Value
- Högsta tillåtna antalet
- Baserat på kapacitet, lager eller policy
- Förhindrar orealistiska mängder
Steg 5: Konfigurera stegstorlek
Kontrollökningsmängder:
- steg 1 – Heltal (1, 2, 3…)
- steg 0.5 – Halva steg (1, 1.5, 2…)
- steg 5 – Hopp på 5 (5, 10, 15…)
- steg 10 – Endast tiotal (10, 20, 30…)
Steg 6: Ställ in standardvärde (valfritt)
Förfyll med ett startnummer:
- Det vanligaste värdet
- Minimikrav
- Föreslagen mängd
Exempel på kvantitetsfält
Antal gäster i evenemanget
| Att lägga plattor | Värderar |
|---|---|
| etikett | "Antal gäster" |
| Krävs | Ja |
| Minsta | 1 |
| Maximal | 10 |
| Steg | 1 |
| Standard | 1 |
| Hjälptext | "Inklusive dig själv (max 10)" |
Produktkvantitet
| Att lägga plattor | Värderar |
|---|---|
| etikett | "Kvantitet" |
| Krävs | Ja |
| Minsta | 1 |
| Maximal | 100 |
| Steg | 1 |
| Standard | 1 |
| Hjälptext | "Minsta beställning: 1" |
Restaurangbokning
| Att lägga plattor | Värderar |
|---|---|
| etikett | "Sällskapets storlek" |
| Krävs | Ja |
| Minsta | 1 |
| Maximal | 20 |
| Steg | 1 |
| Standard | 2 |
| Hjälptext | "För sällskap över 20, vänligen ring oss" |
År av erfarenhet
| Att lägga plattor | Värderar |
|---|---|
| etikett | "Åratals erfarenhet" |
| Krävs | Ja |
| Minsta | 0 |
| Maximal | 50 |
| Steg | 1 |
| Standard | (Ingen) |
| Hjälptext | "Ange 0 om detta är ditt första år" |
Storbeställning (i steg om 10)
| Att lägga plattor | Värderar |
|---|---|
| etikett | "Orderkvantitet" |
| Krävs | Ja |
| Minsta | 10 |
| Maximal | 1000 |
| Steg | 10 |
| Standard | 10 |
| Hjälptext | "Stororder i multiplar om 10" |
Nummerfält kontra rullgardinsmeny för kvantiteter
Använd nummerfältet när:
- Intervallet är stort (1-100+)
- Alla värden inom intervallet är giltiga
- Användarna vet exakt vilken mängd som behövs
- Precision är viktigt
Använd rullgardinsmenyn när:
- Begränsade alternativ (1-10)
- Endast specifika värden (inte ett intervall)
- Vill visa alla alternativ i ett överblick
- Olika priser/alternativ per kvantitet
Jämförelse
| Aspect | Nummerfält | Dropdown |
|---|---|---|
| Stora intervall | ✅ Lätt att hantera | ❌ För många alternativ |
| Små intervall (1-5) | ✅ Fungerar | ✅ Fungerar bra |
| Mobilt UX | ✅ Numeriskt tangentbord | ✅ Native-väljare |
| Anpassade steg | ✅ Steginställning | ✅ Definiera exakta alternativ |
| Visuella alternativ | ❌ Bara ett nummer | ✅ Kan visa etiketter |
Avancerat: Slider-läge
Vissa formulärbyggare erbjuder skjutreglageinmatning för siffror:
När man ska använda reglage
- Ungefärliga värden är bra
- Visuell representation hjälper
- Begränsat intervall (1–10, 1–100)
- Roligt/engagerande gränssnitt önskas
När man INTE ska använda reglage
- Exakta värden krävs
- Brett intervall (1–1 000 000)
- Precision är viktigt
- Tillgänglighet är prioriterat
Sliderkonfiguration
- Min/Max: Definiera intervall
- Steg: Ökningsbelopp
- Visa värde: Visa aktuellt nummer
- Färg: Matcha din design
Validering för kvantitetsfält
Inbyggd validering
Nummerfält validerar automatiskt:
- Måste vara ett nummer (inte text)
- Inom min/max-intervallet
- Matchar stegintervall
Felmeddelanden
Tydlig feedback vid ogiltig:
- "Vänligen ange ett nummer"
- "Minsta värde är 1"
- "Maximalt värde är 10"
- "Ange ett värde i steg om 5"
Klientsida kontra serversida
- Klientsidan: Omedelbar feedback, bättre användarupplevelse
- Server-sida: Säkerhet, kan inte kringgås
- Bra former använder båda
Tips för användarupplevelse
1. Använd lämplig inmatningstyp
Sifferfält ska aktivera numeriskt tangentbord på mobilen:
- Snabbare inmatning
- Färre fel
- Bättre erfarenhet
2. Tillhandahåll spinnerkontroller
Upp/ned-pilar hjälper användarna:
- Öka utan att skriva
- Finjustera värden
- Visuell feedback
3. Visa tydligt gränser
Ange det acceptabla intervallet för användarna:
- I hjälptexten
- I platshållare
- Min/max-attribut synliga
4. Ställ in smarta standardinställningar
Förfyll när det är rimligt:
- Det vanligaste värdet
- Minimikrav
- Lämna tomt om det varierar kraftigt
5. Hantera kantfall
Överväga:
- Noll tillåtet? (“0 ytterligare gäster”)
- Behövs decimaltal? (0.5 timmar)
- Mycket stora tal? (sätt ett realistiskt maxvärde)
6. Använd kontextuella etiketter
Förtydliga vad som räknas:
- "Antal gäster", inte bara "Kvantitet"
- "Biljetter behövs", inte bara "Belopp"
- Inkludera enheter om tillämpligt ("Timmar", "Artiklar")
Vanliga scenarier för kvantitetsfält
Evenemangsregistrering med gästräkning
Formstruktur:
- Namn (registrant)
- E-post
- Antal gäster (1-10)
- Gästnamn (villkorligt, om gäster > 1)
- Dietkrav
Produktbeställningsformulär
Formstruktur:
- Produktval (rullgardinsmeny)
- Antal (1-100)
- leveransadress
- Särskilda anvisningar
Serviceförfrågan
Formstruktur:
- Typ av tjänst
- Antal timmar som behövs
- Antal arbetstagare som behövs
- Önskat datum
- Plats
Undersökning med numeriska svar
Formstruktur:
- Hur många gånger i veckan gör du [aktivitet]?
- Hur många år har du varit kund?
- Hur många produkter äger du?
- Betyg (1-10)
Hantering av stora grupper eller kvantiteter
Brytpunktsstrategi
För mängder utöver normal hantering:
- Standardformulär: 1-20 gäster
- Meddelande för stor grupp: "För grupper över 20 personer, vänligen kontakta oss direkt."
Tiered approach
- 1-10: Standardbokning online
- 11-50: Kräver deposition
- 51+: Anpassad offert krävs
Villkorlig uppföljning
Om kvantiteten överstiger tröskelvärdet:
- Visa ytterligare fält
- Begär mer information
- Visa specialinstruktioner
Tillgänglighetsöverväganden
Keyboard Navigation
- Tab för att fokusera fältet
- Piltangenter för att öka/minska
- Skriv direkt för exakta värden
Skärmläsare
- Tydliga etiketter tillkännagivna
- Min/max-gränser kommunicerade
- Felmeddelanden läsbara
Visuell klarhet
- Tillräcklig kontrast
- Tydliga fokuslägen
- Läsbar teckenstorlek
Felsökning av kvantitetsfält
Användare som anger ogiltiga nummer
Lösningar:
- Rensa min/max i hjälptexten
- Omedelbar valideringsfeedback
- Använd snurrkontrollerna
Decimalfrågor
Problem: Användare som anger 2.5 när endast heltal är tillåtna
Lösning: Sätt steg till 1, förtydliga i hjälptexten
Problem med mobilt tangentbord
Problem: Texttangentbord visas istället för numeriskt tangentbord
Lösning: Se till att fältet använder inmatningstypen siffernummer
Negativa tal inskickade
Lösning: Ställ in minimum till 0 eller 1
Vanliga frågor om partihandel med mat och dryck
Ska jag använda ett sifferfält eller ett textfält för kvantiteter?
Använd alltid ett numeriskt fält. Det ger validering, aktiverar numeriskt tangentbord på mobilen och inkluderar kontroller för stegvis anpassning.
Hur tillåter jag decimaler?
Ställ in stegvärdet så att det inkluderar decimaler (t.ex. 0.1, 0.5, 0.01). Detta tillåter värden som 1.5 eller 2.25.
Vad är ett bra maxvärde?
Ställ in baserat på din faktiska kapacitet eller policy. Om du kan hantera upp till 50 gäster, sätt max till 50. Lämna inte obegränsat – användare kan ange 99999.
Ska standardangivelsen för kvantiteten vara 1 eller vara tom?
Standardvärdet är 1 om minst en alltid behövs (biljetter, artiklar). Lämna tomt om noll är ett giltigt alternativ eller om värdet varierar kraftigt.
Hur kräver jag en minsta kvantitet?
Ange minimivärdet i fältinställningarna. Användare kan inte skicka in värden under detta nummer.
Sammanfattning
Bygga effektiva kvantitetsfält:
- Använd numerisk fälttyp – Inte text
- Sätt tydliga etiketter – Vad som räknas
- Definiera min/max – Realistiska gränser
- Konfigurera stegstorlek – Heltal eller decimaltal
- Lägg till hjälpsam text – Förklara begränsningar och förväntningar
- Ställ in smarta standardinställningar – När det är lämpligt
- Testa på mobilen – Numeriskt tangentbord visas
Slutsats
Kvantitetsfält verkar enkla, men korrekt konfiguration gör skillnaden mellan smidiga inlämningar och frustration för användarna. Att sätta lämpliga gränser, använda rätt inmatningstyp och ge tydlig vägledning säkerställer att användare snabbt kan ange giltiga kvantiteter.
Auto Form Builder Fältet tal innehåller allt du behöver: min/max-gränser, stegintervall, standardvärden och mobilvänlig numerisk inmatning. Konfigurera en gång, så fungerar dina kvantitetsfält.
Redo att samla in mängder? Ladda ner automatisk formulärbyggare och skapa professionella kvantitetsfält för dina formulär.