Madonhwe Anogona Kutsvagwa: Kuita Kuti Rondedzero Dzakareba Dzive Nyore Kushandisa

Kuburitswa kwenyika mazana maviri. Rondedzero yematunhu makumi mashanu. Mazana esarudzo dzezvigadzirwa. Kutarisa runyorwa rurefu rwekuburitswa kwezvinhu kunoshungurudza—uye kunokonzera kusiiwa.

Madonhwe anotsvagwa Gadzirisa izvi nekubvumira vashandisi kunyora kuti vasefe masarudzo ipapo ipapo. Pane kuskorora, vanonyora kuti “can” voona Canada iri pamusoro.

Mugwaro iri, uchadzidza kuti ungashandisa riini madropdowns anotsvakwa uye kuti ungaaisa sei mumafomu ako eWordPress.

Dambudziko Nekudonha Kwenguva Refu

Ma "dropdowns" akajairwa haashande sezvo sarudzo dzichiwedzera:

Matambudziko Eruzivo Rwevashandisi

• Kuskorora kusingaperi - Kuwana "United States" mune runyorwa rwenyika dzakanyorwa nearufabheti zvinoreva kusvetuka kupfuura nyika dzinopfuura 180
• Njodzi huru dzenharembozha - Nzvimbo diki dzekuskena pa touch screens
• Kutora nguva - Vashandisi vanopedza masekondi anopfuura gumi vachitsvaga imwe sarudzo
• Mhosho inowanzoitika - Zviri nyore kusarudza netsaona chinhu chisiri icho
• Zvinoshungurudza - Inodzokororwa kune minda yakawanda yekudonhedza pasi

Kana Kudonha Kwemashoko Kuchikonzera Matambudziko

Mashandiro anoita maDropdown anotsvakwa

Rondedzero inotsvakwa inosanganisa rugwaro rwakanyorwa nerondedzero inodonha:

1. Mushandisi anodzvanya dhairekitori repasi
2. Bhokisi rekutsvaga rinoonekwa (kana kuti munda wacho pachawo unogona kutsvagwa)
3. Mushandisi anonyora mavara mashoma
4. Sefa sarudzo panguva chaiyo kuti dzienderane nezviri mukati
5. Mushandisi anosarudza kubva pane runyorwa rupfupi rwakasefetwa

Muenzaniso: Kusarudzwa Kwenyika

Pasina kutsvaga: Skrora munyika dzinopfuura mazana maviri kuti uwane "Germany"

Nekutsvaga: Nyora “ger” → ona Germany, Algeria, Nigeria → tinya Germany

Nguva yakachengetedzwa: masekondi gumi zvichikwira → masekondi maviri

Nyaya Dzinowanzo shandiswa pakutsvaga ma "Dropdowns"

Kusarudzwa kwenyika

Muenzaniso wekare. Nenyika dzinopfuura 195, kutsvaga kwakakosha:

• Nyora “yunivhesiti” → Nyika dzakabatana, United Kingdom, United Arab Emirates
• Nyora "aus" → Australia, Austria
• Nyora "itsva" → New Zealand, New Caledonia

Sarudzo yeNyika/Dunhu

Matunhu makumi mashanu emuUS, matunhu gumi nematatu eCanada, kana matunhu pasi rose:

• Nyora "cal" → California
• Nyora "itsva" → New York, New Jersey, New Hampshire, New Mexico

Product Categories

Mawebhusaiti ekutengeserana e-e-commerce ane mazana emhando dzezvigadzirwa:

• Nyora "laptop" → Malaptop, Zvishongedzo zveLaptop, Mabhegi eLaptop
• Nyora "foni" → Mafoni, Makesi efoni, Machaja efoni

Mazita eMabasa/Maindasitiri

Mafomu ebasa ane runyorwa rwakakura rwemabasa:

• Nyora "mainjiniya" → Mainjiniya weSoftware, Mainjiniya weCivil, Mainjiniya weMechanical
• Nyora "musika" → Maneja weKushambadzira, Muongorori weMusika, Nyanzvi yeMusika

Languages

Mutauro waunoda une sarudzo dzinopfuura zana:

• Nyora "span" → ChiSpanish
• Nyora "chirebvu" → ChiChinese (Chakareruka), ChiChinese (Chetsika)

Mayunivhesiti/Zvikoro

Rondedzero dzezvikoro:

• Nyora "Harvard" → Yunivhesiti yeHarvard
• Nyora "MIT" → Massachusetts Institute of Technology

Nguva dzenguva

Sarudzo dzinopfuura mazana mana dzenzvimbo yenguva:

• Nyora “pacific” → Pacific/Auckland, Pacific/Honolulu, US/Pacific
• Nyora "new york" → America/New_York

Kugadzirisa Madropdown Anogona Kutsvagwa

Heino maitiro ekugadzira ma dropdowns anogona kutsvagwa uchishandisa Muvaki weFomu reMoto:

Danho 1: Isa Auto Form Builder

1. Enda ku Mapulagini → Wedzera Zvitsva
2. Tsvaga "A.F.B.” (zita pfupi reMuvaki weFomu reMoto)
3. Tsvaga "AFB - Muvaki weFomu reMoto - Mugadziri weFomu reDhonza & Donhedza"
4. Click Isai ikozvino, ipapo Activate

Danho rechipiri: Wedzera Nzvimbo yeDropdown

1. Gadzira kana kugadzirisa fomu rako
2. Dragira Kudonha isa fomu rako pafomu rako
3. Dzvanya kuti uvhure marongero

Danho rechipiri: Wedzera Zvaunosarudza

Isa runyorwa rwesarudzo dzako. Kune runyorwa rurefu, unogona:

• Nyora nemaoko - Isa sarudzo imwe neimwe imwe neimwe
• Wedzera zvakawanda - Namatidza runyorwa rwesarudzo (imwe pamutsetse)

Danho rechina: Batidza Kutsvaga

Muzvirongwa zvekudonhedza pasi, tsvaga Inotsvakwa or Batidza Kutsvaga sarudzo. Batidza.

Rondedzero inodonhedza pasi ikozvino ichave nebhokisi rekutsvaga/rekusefa rinosefa sarudzo sekunyora kwevashandisi.

Danho rechishanu: Gadzirisa Maitiro Ekutsvaga

Zvichienderana nemugadziri wefomu rako, unogona kunge uine sarudzo dzakadai se:

• Mavara mashoma - Tanga kusefa mushure mekunge mavara eX anyorwa
• Nzvimbo yekutsvaga - Match kubva pakutanga kwesarudzo kana chero kupi
• Rugwaro rwechibatiso – “Taipa kuti utsvage…” kana kuti “Tsvaga nyika…”

Maitiro Akanakisisa Ekushandisa Dropdown Field

1. Gara Uchibvumira Kutsvaga Sarudzo Dzinopfuura 20

Kana dropdown yako iine sarudzo dzinopfuura makumi maviri, vhura search. Zviri nyore kudaro. Vashandisi vachakutendai.

2. Shandisa Clear Placeholder Text

Udza vashandisi kuti vanogona kutsvaga:

• "Sarudza nyika (nyora kuti utsvage)"
• "Sarudza nyika yako ..."
• "Tsvaga kana kusarudza…"

3. Sarudzo dzeodha Zvinonzwisisika

Kunyangwe nekutsvaga, kurongeka kwesarudzo kunokosha:

• Alphabetical - Yakanakira mazita (nyika, matunhu)
• Zvinonyanya kuzivikanwa kutanga - Isa sarudzo dzakakurumbira pamusoro (US, UK, Canada)
• Mapoka - Mapoka ane zvinoparadzanisa

4. Isawo Misiyano Yakajairika

Vashandisi vanogona kutsvaga:

• "USA" kana "United States" kana "US" kana "America"
• "UK" kana "United Kingdom" kana "Britain" kana "England"

Kana zvichibvira, sanganisira zvipfupiso kana misiyano yakafanana inoenderana nesarudzo imwe chete.

5. Bvunza paNharembozha

Madonhwe anotsvakwa anofanira kushanda zvakanaka pamidziyo yekubata:

• Zviri nyore kubaya zvinhu pakutsvaga
• Kiyibhodhi inoonekwa kana munhu achitaipa
• Sarudzo dzakakura zvakakwana kuti ubate nemazvo

Kana Usingafaniri Kushandisa Madropdown Anotsvakwa

Mhinduro dzinowanikwa pakutsvaga hadzisi mhinduro dzinogara dziripo:

Rondedzero Pfupi (Sarudzo Dziri Pasi pe10)

Kune sarudzo 5-10, dropdown yakajairika inokurumidza. Hapana chikonzero chekunyora kana uchikwanisa kuona zvese panguva imwe chete.

Kana Vashandisi Vasingazive Izwi Chairo

Kutsvaga kunoda kuti vashandisi vazive zvekutaipa. Kana vari kutsvaga/kutsvaga sarudzo, runyorwa rwakarongwa kana mabhatani eredhiyo zvinogona kushanda zvirinani.

Hongu/Kwete kana Sarudzo mbiri

Shandisa mabhatani eredhiyo panzvimbo pezvo. Sarudzo mbiri hadzidi dropdown zvachose.

Nhamba dzeManhamba

Kune zera kana huwandu hwaunoda, funga nezve:

• Munda wekuisa nhamba
• Slider
• Kudonhedza kupfupi (1-10)

Dzimwe Nzira Dzinogona Kutsvagwa Dzinogona Kuwanikwa

Zvichienderana neruzivo rwako, funga nezvedzimwe nzira:

Chikamu Chekunyora Chinozadza Otomatiki

Vashandisi vanonyora zviri nyore, mazano anoonekwa pazasi. Zvakanaka kana vashandisi vangangoisa zvinhu zvisiri pane zvawakanyora.

Kudonhedza Madonhwe

Kamura runyorwa rumwe rurefu kuita ruviri rupfupi:

• Kudonhedza kwekutanga: Sarudza kondinendi
• Dhirowa rechipiri: Sarudza nyika (yakasefetwa nekondinendi)

Mabhatani eredhiyo ane "Zvimwe"

Ratidza sarudzo dzepamusoro 5-7 semabhatani eredhiyo nesarudzo yekuti "Zvimwe" zvinoratidza ndima yekunyora.

Sarudzo Dzakarongwa/Dzinorongwa

Shandisa ma optgroups kuronga sarudzo nechikamu:

• North America
  • Kanadha
  • Mekisiko
  • nyika dzakabatana
• Europe
  • Furanzi
  • Jerimani
  • United Kingdom

Rondedzero dzeSarudzo Dzakavakwa Pamberi

Usagadzirise vhiri idzva. Heano mazita akajairika aunoda:

Countries

Nyika 195 dziri nhengo dzeUN pamwe nenzvimbo. Funga kuisa nyika dzakabatana (US, UK, Canada, Australia) pamusoro, wozotevera mavara emavara.

US States

Matunhu makumi mashanu pamwe neDC nenzvimbo. Kunyora mavara emavara kunoshanda zvakanaka.

Mapurovhinzi eCanada

Mapurovhinzi nenzvimbo gumi nematatu. Zvishoma zvekuti kutsvaga kwacho hakuna basa.

Nguva dzenguva

Shandisa ma "timezone identifiers" akajairwa (America/New_York, Europe/London). Boka nedunhu.

Languages

Makodhi emitauro yeISO ane mazita ekuratidzira. Isa mitauro yakajairika pekutanga.

Industries

Rondedzero dzezvikamu zveindasitiri (NAICS, SIC) kana runyorwa rwakagadzirirwa vateereri vako.

Kufunga Kwekuita

Rondedzero Dzakakura Zvikuru (Sarudzo Dzinopfuura Chiuru)

Kune runyorwa rukuru kwazvo:

• Rodha sarudzo kana uchida - Tora kubva kuseva semhando dzevashandisi
• Isa mavara mashoma - Inoda mavara maviri kusvika matatu usati watsvaga
• Mhedzisiro yemhedzisiro yakaratidzwa - Ratidza mitambo yepamusoro makumi maviri, kwete yose mazana mashanu

Kukanganisa Kutakura Peji

Runyoro rurefu rwesarudzo runowedzera saizi yemapeji. Kune runyoro rwunopfuura sarudzo mazana mashanu, funga nezve:

• Sarudzo dzekurodha kuburikidza neAJAX
• Kupinda muzvikamu zvinodonha zvishoma nezvishoma
• Kushandisa kutsvaga padivi reseva

Accessibility

Ita shuwa kuti ma "dropdowns" anotsvagwa anowanikwa:

Keyboard Navigation

• Tab yekutarisa munda
• Nyora kuti utsvage
• Makiyi emiseve ekufambisa sarudzo
• Pinda kuti usarudze
• Tiza kuti uvhare

Vaverengi veZvirini

• Mazita eARIA akakodzera
• Zivisai huwandu hwemhedzisiro
• Zivisa sarudzo yakasarudzwa

Zviratidzo Zvinoonekwa

• Mamiriro ekutarisa akajeka
• Sarudzo yemazuva ano yakasimbiswa
• Chiratidzo chiri kurodha panguva yekutsvaga

Mibvunzo Inonyanya Kubvunzwa

Ndingasarudza zvingani ndisati ndatsvaga?

Bvumira kutsvaga chero chinhu chinodonhedzwa pasi chine sarudzo dzinopfuura makumi maviri. Kune sarudzo dzinopfuura makumi mashanu, kutsvaga kwakakosha. Vamwe vashandisi vanokoshesa kutsvaga kunyangwe kune sarudzo gumi kusvika gumi neshanu.

Kutsvaga kunofanira kuenderana kubva pakutanga here kana kuti chero kupi?

Kufananidza "chero kupi" kunoregerera zvakanyanya. Kutsvaga "york" kunowana "New York." Kufananidza kwekutanga chete kunokurumidza kune mazwi anozivikanwa.

Vashandisi vachiri kukwanisa kutenderera pane zvese zvingasarudzwa here?

Ehe, ma "dropdowns" anotsvakwa anowanzo ratidza runyorwa rwese pakutanga. Kutsvaga kunosefa, asi vashandisi vanogona kuskena kana vachida.

Ko kana vashandisi vakakanganisa kutsvaga kwavo?

Kutsvaga kwekutanga hakushande nemabhii ekukanganisa. Paminda yakakosha (senge nyika), iva nechokwadi chekuti manyorerwo asina kunaka akafukidzwa kana kushandisa fuzzy matching kana iripo.

Madonhwe ekutsvaga anoshanda here panharembozha?

Ehe, uye kazhinji zviri nani pamafoni pane madropdown akajairwa nekuti kunyora kunokurumidza kupfuura kuscrolla pane runyorwa rurefu rune nzvimbo diki yekuscrolla.

pfupiso

Ita kuti runyoro rurefu rwemadropdown ruve nyore kushandisa:

1. Ziva runyorwa rurefu - Chero dropdown ine sarudzo dzinopfuura makumi maviri
2. Bvumira kutsvaga - Rega vashandisi vanyore kuti vasefe
3. Shandisa clear placeholders – “Taipa kuti utsvage…”
4. Ronga zvine musoro - Zvinhu zvakakurumbira kutanga, wozotevera mavara emavara
5. Edza panharembozha - Ita shuwa kuti kubata kwacho kwakanyatsonaka
6. Funga zvimwe zvingasarudzwa - Kudonha kushoma, sarudzo dzakarongwa

mhedziso

Rondedzero refu dzinodonha pasi dzinoderedza mwero wekupedzisa mafomu. Madonhwe anotsvagwa shandura ruzivo—vashandisi vanowana sarudzo yavo mumasekonzi mashoma pane kungosveta-sveta zvisingaperi.

Ingava nyika, matunhu, zvigadzirwa, kana chero runyorwa rune sarudzo dzinopfuura makumi maviri, kuwedzera mashandiro ekutsvaga kunoita kuti mafomu ako akurumidze uye ave nyore kushandisa.

Muvaki weFomu reMoto inokutendera kuti ugadzire nzvimbo dzekudonhedza pasi dzine mashandiro ekutsvaga, zvichibatsira vashandisi kuwana nekukurumidza zvavanoda kunyangwe mune runyorwa rurefu.

Wagadzirira kuvandudza mafomu ako here? Dhaunirodha Muvaki weFomu reMoto uye ita kuti rondedzero dzako dzema "dropdown lists" dzive nyore kushandisa nhasi.