Interne svetainės formularai yra kiekvienos svetainės esminė dalis. Jie ne tik naudojami duomenų surinkimui, bet ir sąveikai su jūsų vartotojais. Čia yra esminis HTML formų elementas, kuris leidžia jums rinkti informaciją iš vartotojų. Šiame pamokymo vadove mes išsamiai apžvelgsime įvairius input elementų tipus ir jų specifines savybes. Be to, sužinosite, kaip efektyviai juos naudoti savo formose.
Svarbiausios išvados
- Įvesties elementas yra širdis, formose, kurios naudoja HTML.
- Yra įvairių tipų įvesties elementų, kaip tekstas, žymimė, radijo mygtukai, byla, data ir kt.
- Tinkamo įvesties tipo pasirinkimas yra svarbus norint padaryti jūsų formą patrauklesnę vartotojams.
Požiūris požiūriui vadovas
1. Apžvalga skirtų įvairiems įvesties tipams
Siekiant efektyviai dirbti su formos pagrindu, svarbu suprasti, kokius skirtingus įvesties elementus galite naudoti. Šiame skyriuje mes apžvelgsime dažniausiai naudojamus tipus.
2. Tipas „Tekstas“ – Standartinė įvestis
„Teksto“ tipas yra dažniausias įvesties tipas, ir jis naudojamas pagal nutylėjimą, kai nenurodote konkrečio tipo. Jis leidžia vartotojams įvesti paprastą tekstą. Pavyzdys būtų naudoti kontaktinėje formoje, kur leidžiate vartotojams įvesti savo vardą, el. pašto adresą ar kitą informaciją.
3. Tipas „Skaičius“ – Skaitymui
Jei jums reikia skaitinės įvesties, tai „Skaičiaus“ tipas yra būtent tai, ko jums reikia. Tai leidžia vartotojams įvesti skaičių reikšmes, ir galite valdyti ir dešimtainių skaičių įvestį. Tai ypač naudinga, norint surinkti kainas, kiekius ar kitus skaitinius duomenis.
4. Tipas „Žymimė“ – Daugialypė parinktis
Žymimės yra puikus būdas, jei norite, kad vartotojai galėtų pasirinkti kelias parinktis iš grupės. Žymimės būklę (aktyvų ar neaktyvų) lengva valdyti vartotojui. Pavyzdžiui, tai būtų naudinga apklausose ar registracijose.
5. Tipas „Radijas“ – Viengubas pasirinkimas
Radijo mygtukai skirti ekskliuzyviems pasirinkimams, kuriuos naudotojas gali pasirinkti iš grupės. Jie lengvi naudoti, kai reikia vartotojams teikti aiškius sprendimus, kaip pavyzdžiui, lytį ar pageidavimus.
6. Tipas „Byla“ – Failų įkėlimas
Jei norite, kad vartotojai galėtų įkelti failus, turėsite naudoti įvesties elementą „Byla“. Tai leidžia vartotojams pasirinkti dokumentus, paveikslėlius ar kitus failo tipus iš savo įrenginio ir juos įkelti. Tai ypač naudinga paraiškoms formoje, prekių apžvalgoms ar vartotojo profilims.
7. Tipas „Slėpti“ – Nematomos įvestys
Kartais turite įvesties formoje saugoti informaciją, kurią naudotojas neturi matyti. Čia įsitraukia tipas „Slėpti“. Vertes, kurias norite tvarkyti fone, tokias kaip naudotojo ID ar sesijos taškai, galite perduoti šiuo tipu, neleisdami jos matyti naudotojui.
8. Tipas „Slaptažodis“ – Saugus įvesties laukas
Labai svarbus įvesties tipas yra „Slaptažodis“. Tai yra teksto įvesties laukas, kuris užtikrina, kad įvestis būtų rodoma slepiama. Tačiau vartotojai dažnai gali įjungti funkciją, kad būtų galima pamatyti įvestą slaptažodį, kas gali būti naudinga, norint užtikrinti, kad klaidų įvestant nebūtų padaryta.
9. Kiti tipai ir jų naudojimas
Yra ir mažiau naudojamų tipų, tokie kaip „siųsti“ ar „iš naujo nustatyti“, kurie dažnai pakeičiami naujais mygtukų elementais. Pavyzdžiui, jūs galite naudoti mygtuką su tipu „siųsti“, kad siųstumėte formą. Yra daugybė galimybių tinkinti šiuos tipus, kad jūsų forma būtų patrauklesnė.
Santrauka
Šiame vadove jūs susipažinote su skirtingais įvesties elementų tipais, kuriuos galite naudoti kurdami internetinius formas. Kiekvienas įvesties tipas turi savo specifines savybes ir naudojimo galimybes, kurias galite panaudoti, kad jūsų formos būtų veiksmingos ir patogios vartotojams. Atminkite, pasirinkite teisingą tipą atitinkamai įvesties, kad optimizuotumėte vartotojo patirtį.
