Szövegdobozok

Szövegmezővel a felhasználók megjeleníthetnek, beírhatnak vagy szerkeszthetnek egy szöveget vagy numerikus értéket.

Egy tipikus szövegdoboz.

Ez a megfelelő vezérlő?

A döntéshez fontolja meg az alábbi kérdéseket:

• Praktikus az összes érvényes érték hatékony számbavétele? Ha igen, fontolja meg egy egykijelöléses lista, listanézet, legördülő lista, szerkeszthető legördülő lista vagy csúszka.
• Az érvényes adatok teljes mértékben nem korlátozva? Vagy az érvényes adatok csak formátum (korlátozott hossz vagy karaktertípusok) szerint korlátozottak? Ha igen, használjon egy szövegdobozt.
• Az érték olyan adattípust jelöl, amely speciális közös vezérlővel rendelkezik? Ilyen például a dátum, az idő vagy az IPv4- vagy IPv6-cím. Ha igen, használja a megfelelő vezérlőelemet, például szövegdoboz helyett dátum vezérlőelemet.
• Ha az adatok numerikusak:
  • A felhasználók relatív mennyiségként érzékelik a beállítást? Ha igen, használjon csúszkát.
  • Hasznos lenne a felhasználónak azonnali visszajelzést küldeni a módosítások beállításának hatásáról? Ha igen, használjon csúszkát, esetleg egy szövegdobozt is. A felhasználók például egyszerűen választhatnak színt csúszkával, mert azonnal láthatják az árnyalat, a telítettség vagy a fényesség értékeinek változásainak hatását.

Tervezési fogalmak

Bár a szövegdobozok előnye, hogy nagyon rugalmasak, hátránya, hogy minimális megkötések vannak. A szerkeszthető szövegdobozok csak a következők:

• Igény szerint megadhatja a karakterek maximális számát.
• A bemenetet igény szerint csak numerikus karakterekre (0 9) korlátozhatja.
• Ha pörgetésvezérlésihasznál, a pörgetésvezérlési lehetőségeket érvényes értékekre korlátozhatja.

A hosszukon és a pörgetéses vezérlők opcionális jelenlétén kívül a szövegmezőkben nincsenek olyan vizuális jelek, amelyek az érvényes értékeket vagy azok formátumát jelölik. Ez azt jelenti, hogy címkékre támaszkodva továbbíthatja ezeket az információkat a felhasználóknak. Ha a felhasználók érvénytelen szöveget írnak be, a hibát hibaüzenettel kell kezelni.

Általános szabályként a leginkább korlátozott vezérlőelemet kell használnia, amelyet. Használjon korlátozás nélküli vezérlőket, például szövegdobozokat végső megoldásként. Ez azt mondta, amikor korlátokat fontolgat, vegye figyelembe a globális felhasználók igényeit. Az Egyesült Államok irányítószámainak korlátozásával rendelkező vezérlőelemek például nem globalizáltak, hanem egy nem szabályozott szövegdoboz, amely bármilyen irányítószám-formátumot elfogad.

Használati minták

A szövegdobozok rugalmas vezérlők, több lehetséges felhasználási lehetőséggel.

Címke	Érték
adatbeviteli Rövid sztringek beírására vagy szerkesztésére szolgáló egysoros, korlátozás nélküli szövegdoboz.	Egy egysoros, nem behatárolt szövegdoboz.
Formázott adatbeviteli Rövid, rögzített méretű, egysoros szövegdobozok, amelyek egy adott formátumú adatok megadására szolgálnak.	Formázott adatbevitelhez használt szövegdoboz. Megjegyzés: Az automatikus kilépési funkció automatikusan egyik szövegdobozról a másikra helyezi a fókuszt. Ennek a megközelítésnek az egyik hátránya, hogy az adatok nem másolhatók és nem illeszthetők be egyetlen egységként.
támogatott adatbeviteli Sztringek beírásához vagy szerkesztéséhez használt egysoros, korlátozás nélküli szövegdoboz, amely egy parancsgombbal kombinálva segít a felhasználóknak érvényes értékek kiválasztásában.	Ebben a példában a Tallózás parancs segít a felhasználóknak érvényes értékek kiválasztásában.
szöveges beviteli Hosszú sztringek beírására vagy szerkesztésére szolgáló többsoros, nem korlátozott szövegdoboz.	Többsoros, nem korlátozott szövegdoboz.
Numerikus beviteli Egy egysoros, csak számokat tartalmazó szövegdoboz, amely számokat ír be vagy szerkeszt, opcionális pörgetés-vezérlési az egéralapú bevitel megkönnyítése érdekében.	Numerikus bevitelhez használt szövegdoboz. A szövegdoboz és a hozzá tartozó pörgetési vezérlő kombinációját spin boxnevezzük.
Jelszó- és PIN-kódbeviteli Egy egysoros, nem betanított szövegdoboz, amellyel biztonságosan adhat meg jelszavakat és PIN-eket.	A jelszavak megadására szolgáló szövegmező.
adatkimeneti Egy egysoros, írásvédett szövegdoboz, amely mindig szegély nélkül jelenik meg, rövid sztringek megjelenítésére szolgál.	A statikus szövegekkel ellentétben a szövegdoboz használatával megjelenített adatok görgethetők (hasznos, ha az adatok szélesebbek a vezérlőnél), kijelölhetők és másolhatók. Egy egysoros, írásvédett szövegdoboz, amely az adatok megjelenítésére szolgál.
szöveges kimeneti Többsoros, írásvédett szövegdoboz, amely hosszú sztringeket jelenít meg.	Az adatok megjelenítésére szolgáló írásvédett szövegdoboz.

Iránymutatások

Általános

• Szövegdoboz letiltásakor tiltsa le a társított címkéket, utasításfeliratokat, pörgetési vezérlőket és parancsgombokat is.

• Az automatikus kiegészítés funkcióval a felhasználók olyan adatokat adhatnak meg, amelyeket valószínűleg ismételten használnak. Ilyenek például a felhasználónevek, a címek és a fájlnevek. Ne használjon automatikus kiegészítést olyan szövegdobozokhoz, amelyek bizalmas információkat, például jelszavakat, PIN-eket, hitelkártyaszámokat vagy orvosi adatokat tartalmazhatnak.

• Ne tegye szükségtelenül görgethetővé a felhasználókat. Ha azt szeretné, hogy az adatok nagyobbak legyenek, mint a szövegdoboz, és könnyen nagyobbá teheti a szövegdobozt anélkül, hogy károsítaná az elrendezést, méretezheti a dobozt, hogy szükségtelenné tegye a görgetést.

  helytelen:

  

  Ebben a példában a szövegdoboznak sokkal tovább kell működnie az adatok kezeléséhez.

• Görgetősávok:

  • Ne helyezzen vízszintes görgetősávokat többsoros szövegdobozokra. Használjon inkább függőleges görgetést és sorburkolást.
  • Ne helyezzen görgetősávokat egysoros szövegdobozokra.

• Numerikus bemenethez pörgetési vezérlőt is használhat. Szöveges bevitelhez használjon inkább egy legördülő listát vagy szerkeszthető legördülő listát.

• Ne használja az automatikus kilépés funkciót, kivéve a formázott adatbevitelt. Az automatikus fókuszváltás meglepheti a felhasználókat.

Szerkeszthető szövegdobozok

• Ha teheti, korlátozza a bemeneti szöveg hosszát. Ha például az érvényes bemenet egy 0 és 999 közötti szám, használjon három karakterből álló numerikus szövegdobozt. A formázott adatbevitelt használó szövegdobozok minden részének rövid, rögzített hosszúságúnak kell lennie.

• Legyen rugalmas az adatformátumokkal. Ha a felhasználók valószínűleg sokféle formátum használatával írnak be szöveget, próbálja meg kezelni a leggyakoribbakat. Például számos nevet, számot és azonosítót megadhat opcionális szóközökkel és írásjelekkel, és a nagybetűsítés gyakran nem számít.

• Ha nem tudja kezelni a valószínű formátumokat, egy adott formátumot kell megadnia formázott adatbevitellel, vagy meg kell jelölnie a címke érvényes formátumát.

  elfogadható :

  

  Ebben a példában egy szövegdobozhoz adott formátumban kell bemenetet megadni.

  jobb:

  

  Ebben a példában a formázott adatbeviteli minta egy adott formátum megkövetelésére szolgál.

  legjobb:

  

  Ebben a példában egy szövegdoboz kezeli az összes valószínű formátumot.

• A maximális bemeneti hossz kiválasztásakor fontolja meg a formátum rugalmasságát. Egy érvényes hitelkártyaszám például legfeljebb 19 karaktert használhat, így a hosszabb formátumok használata megnehezítené a számok beírását.

• Ne használja a formázott adatbeviteli mintát, ha a felhasználók nagyobb valószínűséggel illesztenek be hosszú, összetett adatokat. Ehelyett foglalja le a formázott adatbeviteli mintát olyan helyzetekben, amikor a felhasználók nagyobb valószínűséggel gépelik be az adatokat.

  

  Ebben a példában a formázott adatbeviteli minta nem használatos, így a felhasználók beilleszthetik az IPv6-címeket.

• Ha a felhasználók nagyobb valószínűséggel újra megadják a teljes értéket, jelölje ki az összes szöveget a bemeneti fókuszban. Ha a felhasználók nagyobb valószínűséggel szerkesztenek, helyezze a simítót a szöveg végére.

  

  Ebben a példában a felhasználók nagyobb valószínűséggel cserélnek le, mint a szerkesztést, így a teljes érték ki van jelölve a bemeneti fókuszban.

  

  Ebben a példában a felhasználók nagyobb valószínűséggel adnak hozzá kulcsszavakat, mint a szöveg cseréje, ezért a simító a szöveg végére kerül.

• Mindig használjon többsoros szövegdobozt, ha az új sor karakterei érvényesek.

• Ha a szövegmező fájlhoz vagy elérési úthoz tartozik, mindig adjon meg egy Tallózás gombot.

Numerikus szövegmezők

• Válassza ki a legkényelmesebb egységet, és címkézze fel az egységeket. Fontolja meg például, hogy liter helyett millilitereket (vagy fordítva), százalékokat használ a közvetlen értékek helyett (vagy fordítva), és így tovább.

  Helyes:

  

  Ebben a példában az egység címkével van ellátva, de a felhasználóknak decimális számokat kell megadniuk.

  jobb:

  

  Ebben a példában a szövegdoboz egy kényelmesebb egységet használ.

• Ha hasznos, használjon pörgetéses vezérlőt. Néha azonban a pörgetési vezérlők nem praktikusak, például amikor a felhasználóknak sok nagy számot kell megadniuk. Pörgetési vezérlők használata a következő esetekben:

  • A bemenet valószínűleg kis szám, általában 100 alatt van.
  • A felhasználók valószínűleg kis módosítást fognak végezni egy meglévő számon.
  • A felhasználók nagyobb valószínűséggel használják az egeret, mint a billentyűzetet.

• Numerikus szöveg jobbra igazítása, amikor:

  • Egynél több numerikus szövegmező van.
  • A szövegdobozok függőlegesen vannak igazítva.
  • A felhasználók valószínűleg hozzáadják vagy összehasonlítják az értékeket.

  Helyes:

  

  Ebben a példában a numerikus szöveg helyesen van igazítva, hogy egyszerűbb legyen az értékek összehasonlítása.

  helytelen:

  

  Ebben a példában a numerikus szöveg helytelenül balra igazított.

• Pénzértékek mindig jobbra igazítása.

• Ne rendeljen hozzá speciális jelentést adott numerikus értékekhez, még akkor sem, ha ezeket a speciális jelentéseket az alkalmazás belsőleg használja. Ehelyett használjon jelölőnégyzeteket vagy választógombokat egy explicit felhasználói kijelöléshez.

  helytelen:

  

  Ebben a példában a -1 értéknek különleges jelentése van.

  Helyes:

  

  Ebben a példában a jelölőnégyzet explicitvé teszi a beállítást.

Jelszó- és PIN-kódbevitel

• Mindig használja a jelszó közös vezérlőt ahelyett, hogy sajátot hoz létre. A jelszavak és a PIN-kódok biztonságos kezelése speciális kezelést igényel.

További útmutatásért és példákért lásd: Buborékok.

Szöveges kimenet

• Fontolja meg a fehér háttérrendszerszín használatát nagy, többsoros írásvédett szövegekhez. A fehér háttér megkönnyíti a szöveg olvasását. A szürke háttéren lévő sok szöveg elriasztja az olvasást.

További információ a háttérszínekről: Betűtípusok.

Adatkimenet

• Ne használjon szegélyt egysoros, írásvédett szövegdobozokhoz. A szegély vizuális jel arra, hogy a szöveg szerkeszthető.
• Ne tiltsa le az egysoros, írásvédett szövegdobozokat. Így a felhasználók nem választhatják ki és másolhatják a szöveget a vágólapra. Emellett megakadályozza, hogy a felhasználók görgetve görgetik az adatokat, ha azok túllépik a határaik méretét.
• Ne állítson be tabulátort egysoros, írásvédett szövegdobozra, kivéve, ha a felhasználónak valószínűleg görgetnie vagy másolnia kell a szöveget.

Bemeneti ellenőrzés és hibakezelés

Mivel a szövegdobozok általában nem korlátozottak arra, hogy csak az érvényes bemenetet fogadják el, előfordulhat, hogy ellenőriznie kell a bemenetet, és kezelnie kell a problémákat. Ellenőrizze a különböző típusú bemeneti problémákat az alábbiak szerint:

• Ha a felhasználó érvénytelen karaktert ad meg, hagyja figyelmen kívül a karaktert, és jelenítsen meg egy bemeneti probléma buborékot, amely elmagyarázza az érvényes karaktereket.

  

  Ebben a példában egy ballon helytelen bemeneti karaktert jelent.

• Ha a bemeneti adatok értéke vagy formátuma érvénytelen, egy bemeneti probléma buborékának megjelenítése, ha a szövegdoboz elveszíti a bemeneti fókuszt.

• Ha a bemeneti adatok nem összhangban vannak az ablak más vezérlőivel, hibaüzenetet ad a teljes bemenet befejezésekor, például amikor a felhasználók az OK gombra kattintanak egy modális párbeszédpanelen.

Ne törölje az érvénytelen bemeneti adatokat, ha a felhasználók nem tudják könnyen kijavítani a hibákat. Ezzel lehetővé teszi a felhasználók számára a hibák kijavítása az újrakezdés nélkül. Törölje például a helytelen jelszavakat és a PIN-kódokat, mert a felhasználók nem tudják könnyen kijavítani őket.

További útmutatásért és példákért lásd: Hibaüzenetek és Buborékok.

Kéri

A parancssor egy címke vagy egy rövid utasítás, amely egy szövegmezőbe kerül alapértelmezett értékként. A statikus szövegtől eltérően a kérések eltűnnek a képernyőről, miután a felhasználók beírnak valamit a szövegmezőbe, vagy a szövegbeviteli fókuszt kapják.

Egy tipikus kérdés.

A következő esetekben használjon parancssort:

• A képernyőterület olyan prémium szinten van, hogy a címke vagy utasítás használata nem kívánatos, például egy eszköztáron.
• A kérés elsősorban a szövegdoboz céljának tömör azonosítására szolgál. Nem lehet olyan fontos információ, amelyet a felhasználónak látnia kell a szövegdoboz használata során.

Ne használjon csak arra vonatkozó utasításokat, hogy a felhasználókat arra utasítsa, hogy írjanak be valamit, vagy kattintson a gombokra. Ne írjon például olyan szöveget, amely az Enter fájlnevet írja be, majd kattintson a Küldés gombra.

Kérések használatakor:

• A megjelenő szöveget dőlt szürke színnel, a tényleges beviteli szöveget pedig normál fekete színnel rajzolhatja meg. A parancssori szöveget nem szabad összetéveszteni a valódi szöveggel.
• Tartsa tömören a parancssori szöveget. A teljes mondatok helyett töredékeket is használhat.
• Használjon mondatstílusú nagybetűs megjelenítést.
• Ne használjon záró írásjelet vagy három pontot.
• A parancssor szövege nem szerkeszthető, és eltűnik, ha a felhasználók a szövegmezőbe vagy a fülre kattintanak.
  • Kivétel: Ha a szövegmező alapértelmezett bemeneti fókuszú, megjelenik a parancssor, és eltűnik, amint a felhasználó elkezd gépelni.
• A rendszer visszaállítja a parancssori szöveget, ha a szövegdoboz üres marad, amikor elveszíti a bemeneti fókuszt.

Ajánlott méretezés és térköz

Szövegdobozok javasolt méretezése és térköze.

A szövegdoboz szélessége a várt bemeneti méret vizuális nyomát jelzi. Szövegdobozok méretezésekor:

• Válassza ki a leghosszabb érvényes adatoknak megfelelő szélességet. A legtöbb esetben a felhasználóknak nem kell görgetniük a leghosszabb valószínű sztringet, amit beírnak vagy megtekintenek.
• További 30 százalékos (rövidebb szöveg esetén legfeljebb 200 százalék) belefoglalása a honosítani kívánt szövegekhez (számokat nem).
• Ha a várt bemenetnek nincs konkrét mérete, válasszon egy szélességet, amely megfelel az ablak többi szövegmezőjének vagy vezérlőelemének.
• Többsoros szövegdobozok méretezése a szövegsorok teljes számának megjelenítéséhez.

Címkék

Szövegdobozfeliratok

• Minden szövegdobozhoz címkék szükségesek. Írja a címkét szóként vagy kifejezésként, nem mondatként, kettősponttal végződve, és statikus szöveghasználatával.

  kivételek:

  • Olyan szövegdobozok, ahol a hely prémium szintű.

  • Címkézés esetén a formázott adatbeviteli használt szövegdobozokat egyetlen szövegdobozként kell kezelni.

  • Ha egy szövegdoboz egy választógomb vagy jelölőnégyzet alá van rendelve, és kettősponttal végződő címkével van beállítva, ne tegyen további címkét a szövegdobozra.

  • Kihagyhatja a fő utasítást újraadó vezérlőcímkéket. Ebben az esetben a fő utasítás a kettőspontot (hacsak nem kérdés) és a hozzáférési kulcsot használja.

    elfogadható :

    

    Ebben a példában a szövegdoboz felirata csak a fő utasítás átírása.

    jobb:

    

    Ebben a példában a redundáns címke el lesz távolítva, így a fő utasítás a kettőspontot és a hozzáférési kulcsot használja.

• Egyedi hozzáférési kulcs hozzárendelése. A hozzáférési kulcsok hozzárendelésének irányelveit a Billentyűzetcímű témakörben talál.

• Használjon mondatstílusú nagybetűs megjelenítést.

• Helyezze a címkét a szövegdoboz bal oldalára vagy fölé, és igazítsa a címkét a szövegdoboz bal széléhez. Ha a címke a bal oldalon található, függőlegesen igazítsa a felirat szövegét a szövegdoboz szövegéhez.

  Helyes:

  

  

  Ezekben a példákban a felső címke a szövegdoboz bal széléhez igazodik, a bal oldali címke pedig a szövegdoboz szövegéhez igazodik.

  helytelen:

  

  

  Ezekben a helytelen példákban a felső felirat a szövegdoboz szövegéhez igazodik, a bal oldali címke pedig a szövegdoboz tetejéhez igazodik.

• A címkék után zárójelben adhat meg egységeket (például másodperceket vagy kapcsolatokat).

• Ha egy szövegdoboz tetszőlegesen kis számú karaktert fogad el, a címke maximális bemenetét megadhatja. A szövegdoboz szélességének a maximális méretre is utalnia kell.

  

  Ebben a példában a címke a karakterek maximális számát adja meg.

• Ne tegye a szövegdoboz tartalmát (vagy annak mértékegységcímkéjét) egy mondat részévé, mert ez nem honosítható.

• Ha a szövegdoboz több elem beírására is használható, egyértelművé teszi, hogy miként kell elválasztani a címkében szereplő elemeket.

  

  Ebben a példában az elemelválasztó a címkén van megadva.

• A szükséges bemenet jelzésére vonatkozó irányelvekért lásd: Kötelező bemenet párbeszédpanelek.

Utasításfeliratok

• Ha oktatószöveget kell hozzáadnia egy szövegdobozhoz, vegye fel a felirat fölé. Használjon teljes mondatokat írásjelekkel.

• Használjon mondatstílusú nagybetűs megjelenítést.

• A hasznos, de nem szükséges további információkat rövidre kell tartani. Helyezze ezeket az információkat zárójelbe a címke és a kettőspont között, vagy zárójel nélkül a szövegmező alatt.

  

  Ebben a példában további információk találhatók a szövegmező alatt.

Címkék kérése

• Tartsa tömören a parancssori szöveget. A teljes mondatok helyett töredékeket is használhat.
• Használjon mondatstílusú nagybetűs megjelenítést.
• Ne használjon záró írásjelet vagy három pontot.
• Ha a kérés arra utasítja a felhasználókat, hogy olyan információkat adjanak meg, amelyeket a szövegdoboz melletti gomb fog végrehajtani, egyszerűen helyezze a gombot a szövegdoboz mellé. Ne használja a parancssort arra, hogy a felhasználókat a gombra kattintásra irányítsa (például ne írjon parancssori szöveget, húzza a fájlt, majd kattintson a Küldés gombra).

Dokumentáció

Szövegdobozokra való hivatkozáskor:

• Típus használatával olyan felhasználói interakciókra hivatkozhat, amelyekhez gépelésre vagy beillesztésre van szükség; ellenkező esetben használja az Enter billentyűt, ha a felhasználók más eszközökkel is elhelyezhetnek adatokat a szövegmezőben, például kiválasztják az értéket egy listából, vagy a Tallózás gombot használják.

• A Kijelölés funkcióval egy írásvédett szövegmezőben lévő bejegyzésre hivatkozhat.

• Használja a pontos feliratszöveget, beleértve a nagybetűsítést is, és adja meg a szómezőt. Ne tartalmazza a hozzáférési kulcs aláhúzását vagy kettőspontját. Ne hivatkozzon szövegdobozra szövegdobozként vagy mezőként.

• Ha lehetséges, formázza a címkét félkövér szöveg használatával. Ellenkező esetben a címkét csak akkor tegye idézőjelek közé, ha az a félreértések elkerülése érdekében szükséges.

  Példa: Írja be a jelszót a Jelszó mezőbe, majd kattintson OKgombra.

• Ha a szövegdoboz egy adott formátumot igényel, csak a leggyakrabban használt elfogadható formátumot dokumentálja. A felhasználók önállóan fedezhetik fel a többi formátumot. Rugalmasan szeretné használni az adatformátumokat, de ez nem eredményezhet összetett dokumentációt.

  Helyes:

  Adja meg a cikk sorozatszámát a 1234-56-7890 formátumban.

  helytelen:

  Adja meg a rész sorozatszámát az alábbi formátumok bármelyikével:

  1234567890

  1234-56-7890

  1234 56 7890