Kako staviti ulaznu lozinku u HTML5

Atribut lozinka stvara ulaz za unos podataka koji će se, kada ih korisnik unese, prikazati kao točke ili zvjezdice ("*") na ekranu, što trećoj strani otežava ili onemogućuje čitanje načina unosa podataka u obrazac.
Ovaj atribut radi zajedno s drugim atributima koje također dijeli s elementom ulazni tekstSjetimo se i vidimo koje dijeli ovaj.

• [color = # 808080]Maksimalna dužina: [/ color] Ovaj element nije nov u HTML5, no vrlo je koristan jer nam omogućuje ograničenje maksimalnog broja znakova koje unos prihvaća, primjer je kada naše lozinke moraju sadržavati najviše znakova, na primjer 6 alfanumeričkih znakova, stavili smo ovaj atribut s vrijednošću 6 i pri pokušaju unosa sedmog jednostavno se ne bi zapisao.

• [color = # 808080]Uzorak: [/ color] Novo u HTML5 omogućuje nam unos uzoraka regularnih izraza tako da možemo dodati novu razinu provjere valjanosti bez upotrebe dodatnih jezika.

• [color = # 808080]Rezerviranog mjesta: [/ color] Novo u HTML5 -u, to je vizualno pomagalo koje nam omogućuje unos teksta koji će se pojaviti unutar unesenog teksta koji prikazuje malu pomoć za korisnika, na primjer ako je unos za unos lozinke, mogli bismo postaviti kao rezervirano mjesto „unesite svoju lozinku“, naravno prilagođavajući stilove kako bi sve izgledalo estetski ispravno.

• [color = # 808080]Samo za čitanje: [/ color] Ovaj atribut nije nov u HTML5, dopušta nam da onemogućimo korisnika da unosi podatke ili uređuje sadržaj polja s tim atributom.

• [color = # 808080]Potreban: [/ color] Novi u HTML5 -u, ovaj atribut nam omogućuje da naznačimo da ako je unos prazan, obrazac se još ne treba poslati, čime se forsira obvezna priroda njegovog popunjavanja, na ovaj način podižemo drugu razinu provjere valjanosti.

• [color = # 808080]Veličina: [/ color] Pomaže nam u određivanju širine ulaznog elementa, ovaj atribut nije nov, no vrlo je važan jer nam pomaže da bolje prikažemo tekst koji korisnik mora unijeti, osim što nam pomaže estetski za stvaranje homogenih polja za unos, budući da se sva mogu postaviti širine veće od one koja je zadana prema zadanim postavkama.

• [color = # 808080]Vrijednost: [/ color] Nije novo u HTML5, ovaj atribut nam omogućuje postavljanje vrijednosti na ulaz, razlikuje se od rezerviranog mjesta jer je ono što je u vrijednosti dodijeljeno prilikom slanja ako bi se poslalo kao sadržaj elementa, prilično se koristi za popunjavanje obrasca sadržajem koji se donosi iz baze podataka kada koristimo jezik poslužitelja.

Nakon što smo vidjeli teoriju, pogledajmo njen praktični primjer:

 Primjer
Jam:

Lozinka:
Voće:
Predaj glasovanje 

Kako vidimo u ovom slučaju koristimo atribut rezerviranog mjesta za označavanje vrste lozinke koju očekujemo, na ovaj način usmjeravamo korisnika i smanjujemo pogreške, nakon što se element počne pisati, tekst rezerviranog mjesta zamjenjuje se zvjezdicama ili drugim elementima koji ne dopuštaju da se zna da je se piše.

POVEĆAJTE

Još jedna važna mjera opreza koju moramo poduzeti je da, iako ne možemo pročitati što pišemo u polju lozinke, kad to primimo na stranicu koja će obraditi navedeni obrazac, sadržaj će stići bez ikakve vrste šifriranja, pa znamo da podaci putuje bez zaštite, na primjer ako obradimo prethodni obrazac primili bismo ovo:

Ako želimo veću sigurnost, moramo razmotriti korištenje poslužitelja sa sigurnim protokolima kao što su SSL / HTTPS Oni šifriraju podatke koje šalju ili koriste jezike poput Javascripta za šifriranje podataka prije slanja.
Ovime zaključujemo ovaj vodič kroz proces stvaranja obrazaca za unos osjetljivih podataka i znamo implikacije i sigurnosne mjere koje moramo poduzeti kako bismo očuvali integritet podataka koji putuju iz obrasca kada želimo da se ne mogu čitati s golim okom ..