Kaip įvesti įvesties slaptažodį HTML5

Atributas Slaptažodis sukuria duomenų įvedimo įvestį, kurią įvedus vartotojui ekrane bus rodomi taškai arba žvaigždutės („*“), todėl trečiajai šaliai sunku arba neįmanoma perskaityti, kaip duomenys įvedami į formą.
Šis atributas veikia kartu su kitais atributais, kuriais jis taip pat dalijasi su elementu įvesties tekstąPrisiminkime ir pažiūrėkime, kuriais dalijasi šis.

• [spalva = # 808080]Didžiausias ilgis: [/ spalva] Šis elementas nėra naujas HTML5, tačiau jis yra labai naudingas, nes leidžia apriboti maksimalų įvesties priimamų simbolių skaičių, pavyzdžiui, kai mūsų slaptažodžiuose turi būti daugiausiai simbolių, pavyzdžiui, 6 raidiniai ir skaitmeniniai simbolių, mes įtraukėme šį atributą į 6 reikšmę ir bandydami įvesti septintąjį, jis paprasčiausiai nebūtų parašytas.

• [spalva = # 808080]Raštas: [/ spalva] Naujiena HTML5 leidžia mums įvesti įprastos išraiškos modelius, kad galėtume pridėti naują patvirtinimo lygį nenaudodami papildomų kalbų.

• [spalva = # 808080]Vietos ženklas: [/ spalva] Naujas HTML5, tai vizuali pagalba, leidžianti įvesti tekstą, kuris bus rodomas įvesties tekste ir parodys nedidelę naudotojo pagalbą, pavyzdžiui, jei įvestis skirta slaptažodžiui įvesti, galime pateikti kaip vietos rezervavimo ženklas „įveskite slaptažodį“, žinoma, koreguodami stilius, kad viskas atrodytų estetiškai.

• [spalva = # 808080]Tik skaitymui: [/ spalva] Šis atributas nėra naujas HTML5, jis leidžia mums neleisti vartotojui įvesti duomenų ar redaguoti lauko, turinčio šį atributą, turinio.

• [spalva = # 808080]Būtina: [/ spalva] Naujas HTML5, šis atributas leidžia mums nurodyti, kad jei įvestis tuščia, forma dar neturėtų būti pateikta, todėl privaloma užpildyti, todėl pakeliame kitą patvirtinimo lygį.

• [spalva = # 808080]Dydis: $ estetiškai sukurti vienarūšius įvesties laukus, nes jie visi gali būti išdėstyti didesniu pločiu nei numatytasis.

• [spalva = # 808080]Vertė: $ gana naudojamas formai užpildyti turiniu, kuris atkeliauja iš duomenų bazės, kai naudojame serverio kalbą.

Pamatę teoriją, pažiūrėkime praktinį jos pavyzdį:

 Pavyzdys
Yam:

Slaptažodis:
Vaisiai:
Pateikti balsavimą 

Kaip mes matome šiuo atveju, mes naudojame atributą vietos žymeklis norėdami nurodyti, kokio tipo slaptažodžio tikimės, tokiu būdu mes nurodome vartotojui ir sumažiname klaidų skaičių, kai elementas pradedamas rašyti, vietos žymeklio tekstas pakeičiamas žvaigždutėmis arba kitais elementais, kurie neleidžia žinoti, kad jis yra rašomas.

DIDELIS

Kita svarbi atsargumo priemonė, kurios turime imtis, yra ta, kad nors mes negalime perskaityti to, ką rašome slaptažodžio lauke, gavę jį puslapyje, kuriame bus apdorota minėta forma, turinys bus pasiektas be jokio šifravimo, todėl žinome, kad duomenys keliauja be apsaugos, pavyzdžiui, jei apdorosime ankstesnę formą, tai gausime:

Jei norime didesnio saugumo, turime apsvarstyti galimybę naudoti serverius su saugiais protokolais, tokiais kaip SSL / HTTPS Jie užšifruoja siunčiamą informaciją arba naudoja tokias kalbas kaip „Javascript“, kad užšifruotų informaciją prieš išsiunčiant.
Tuo baigiame šį vadovėlį, kuriame sukuriamos formos, skirtos įvesti neskelbtinus duomenis, ir žinome pasekmes bei saugumo priemones, kurių turime imtis, kad išsaugotume duomenų, kurie keliauja iš formos, vientisumą, kai norime, kad ji nebūtų įskaitoma su plika akimi ..