← Rudi kwenye Vipengele
Pro

Kijaza Fomu

Kijaza Fomu hujaza kila sehemu ya fomu inayoonekana kwenye ukurasa na data halisi ya majaribio — jina, barua pepe, simu, anwani, nenosiri, n.k. Utambuzi mahiri hutumia aina ya sehemu (field), jina, kitambulisho (id), ukamilishaji kiotomatiki, na vidokezo vya kishika nafasi (placeholder). Sehemu zinazohusiana hukaa sawa (jina la kwanza + la mwisho + barua pepe zote hutoka kwa utambulisho huo huo). Hushughulikia visanduku vya kuteua (checkboxes), redio, menyu za kuchagua (selects), na ingizo zinazodhibitiwa na React.

Kujaza fomu za majaribio mwenyewe makumi ya mara wakati wa uundaji ni kupoteza muda sana. Kijaza Fomu hurahisisha hili kwa kutumia data inayoonekana halisi. Kinapowashwa, zana hii inazalisha kitambulisho kamili feki: jina la kwanza, jina la mwisho, barua pepe (inayotokana na majina), jina la mtumiaji, nenosiri, simu, anwani kamili, tarehe ya kuzaliwa, kampuni, na tovuti. Bofya Jaza Fomu Zote (Fill All Forms) na kila ingizo/textarea/select inayoonekana na kuharirika hupata thamani inayofaa. Utambuzi ni mahiri — sehemu inayoitwa "email" au yenye aina="email" hupata barua pepe, sehemu yenye autocomplete="given-name" hupata jina la kwanza, sehemu ya aina ya tarehe hupata tarehe, sehemu ya nambari hupata thamani nasibu ndani ya viwango vya min/max. Visanduku vya kuteua hutiwa alama, vikundi vya redio huchagua chaguo la kwanza, menyu za kuchagua huchagua chaguo la pili (kuruka chaguo za kwanza za kawaida za kishika nafasi). Muhimu zaidi, thamani hutuma matukio ya ingizo + mabadiliko (input + change events) yanayoendana na React na Vue ili vipengele vinavyodhibitiwa visasishwe ipasavyo — tatizo la kawaida kwa vijaza fomu vya kawaida. Zalisha vitambulisho vipya, ruka sehemu ambazo tayari zimejazwa, chagua kuwasilisha kiotomatiki (auto-submit), na Futa (Clear) hufuta kila kitu na kukiacha wazi.

Uhakiki wa Moja kwa Moja
example.com
Kijaji Fomu ✓ Mashamba 11 yamejazwa
Utambulisho wa Sasa
First: Maya
Last: Patel
Phone: (415) 555-0142
Street: 1247 Oak Ave
City: Springfield
ZIP: 94103
Password: Test481!cD
Jaza Fomu Zote Utambulisho Mpya Safisha Mashamba
Fomu Lengwa (imejazwa & imeangaziwa)
First name
Maya
Last name
Patel
Phone
(415) 555-0142
Address
1247 Oak Ave
City
Springfield
Vipengele Muhimu

Data Halisi ya Utambulisho

Vitambulisho feki vinavyolingana: jina + barua pepe inayolingana, mtaa + jiji + jimbo + zip code, simu, kampuni, tarehe ya kuzaliwa, nenosiri linalokidhi mahitaji ya ugumu.

Utambuzi Mahiri wa Sehemu

Hukagua aina (type), jina, kitambulisho (id), ukamilishaji kiotomatiki, kishika nafasi, na aria-label ili kuchagua thamani sahihi — "fname", "given-name", "firstName" zote hutafsiriwa kama jina la kwanza.

Inaendana na React / Vue

Hutumia seti asilia (native setter) + matukio ya ingizo/mabadiliko (input/change) ili kusasisha ipasavyo vipengele vinavyodhibitiwa — inafanya kazi pale ambapo .value = '...' inashindwa kimyakimya.

Aina Zote za Sehemu Zinaungwa Mkono

Maandishi (text), barua pepe, simu, URL, nambari, tarehe, wakati, rangi, masafa (range), nenosiri, textarea, chagua (select), kisanduku cha kuteua, redio — zote zinashughulikiwa kwa usahihi.

Sehemu Zinazohusiana Zilizo Sawa

Jina la kwanza, jina la mwisho, na barua pepe zimeunganishwa — jaza mara moja na barua pepe ni "[email protected]", si mfuatano wa nasibu tu.

Mwangaza Unaoonekana

Sehemu zilizojazwa humulika rangi ya kijani kibichi kwa muda mfupi ili uweze kuthibitisha kilichoguswa. Zima (toggle off) ikiwa unapendelea kujaza kimyakimya.

Matumizi ya Kawaida

Uundaji wa Fomu Haraka

Unaunda mtiririko wa kujisajili? Jaza Fomu Zote papo hapo — hakuna tena kuandika "test" "[email protected]" kwa mkono kwa mara ya 40.

Uchambuzi Kamili (End-to-End) wa QA

Onyesha fomu ya hatua nyingi yenye data halisi — majina, anwani, na nambari za simu zinazoonekana kuaminika kwa washikadau.

Ujaribio wa Uthibitishaji wa Hali ya Mwisho (Edge Case)

Zalisha vitambulisho vingi haraka ili kujaribu jina-lenye-kikomo, barua pepe ndefu, miundo ya simu isiyo ya kawaida, n.k.

Majaribio ya Mzigo ya Mawasilisho ya Fomu

Ikijumuishwa na kuwasilisha kiotomatiki, wasilisha haraka fomu ya majaribio mara N ili kujaribu uwezo wa upande wa nyuma (backend) bila hati (script) yoyote.

Kuonyesha (Demoing) UIs

Jaza fomu moja kwa moja wakati wa onyesho la mteja bila kusimama ili kubuni data inayokubalika — Kijaza Fomu hufanya onyesho liendelee kutiririka.

Jinsi ya Kutumia
1

Fungua Kijaza Fomu

Bofya ikoni ya Kijaza Fomu kwenye gati ya DevSuite Pro. Utambulisho huzalishwa kiotomatiki na kuonyeshwa kwenye paneli.

2

Kagua Utambulisho (si lazima)

Kagua jina la sasa, barua pepe, nenosiri, n.k. Ikiwa unataka data tofauti, bofya Utambulisho Mpya ili kuzalisha upya.

3

Sanidi Chaguo

Washa/zima "angazia sehemu zilizojazwa" kwa uthibitisho wa kuona, "wasilisha kiotomatiki" ili kutuma fomu baada ya kujaza, au "ruka vilivyojazwa tayari" ili kuhifadhi thamani zilizopo.

4

Bofya Jaza Fomu Zote

Kila ingizo linaloonekana kwenye ukurasa hupata thamani inayofaa. Taarifa (toast) huripoti idadi ya sehemu zilizojazwa.

5

Rudia au Futa

Zalisha utambulisho mpya ili kujaza tena na data tofauti, au bofya Futa Sehemu ili kuweka upya fomu iwe tupu.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox