HTML5 obrasci - nove vrste podataka - 2. dio

Sadržaj

U prethodnom smo vodiču započeli s novinama HTML5 u rukovanju podacima obrasca. Nastavit ćemo objašnjavati neke druge funkcionalnosti koje će nam omogućiti uštedu vremena za razvoj.
Traženi atribut:
Traženi ili potrebni atribut u elementu bit će postavljen na a, a korisnik će automatski biti prisiljen ispuniti polje za nastavak, odnosno preglednik neće dopustiti slanje obrasca bez unosa s tim atributom.
 Ime: 

Traženi atribut radi s vrstama unosa: tekst, pretraživanje, url, tel, e -pošta, lozinka, birači datuma, broj, potvrdni okvir, radio i datoteka.
Može se kombinirati s jquery.validate.js radi konfiguriranja poruka odgovora i događaja za izvršavanje. Primjer možemo vidjeti u obrascu Validate with Jquery tutorial
Jedan od najvećih problema s HTML5 je što nisu svi elementi kompatibilni s trenutnim preglednicima, pa moramo provjeriti koji su kompatibilni, a koji nisu prije nego što počnemo s razvojem i nemojte se čuditi što ono što želimo kasnije koristiti ne funkcionira .
Na sljedećoj poveznici možemo provjeriti kompatibilnost HTML5 s preglednicima, možemo vidjeti potpuni grafikon kako bismo utvrdili radi li ono što želimo koristiti ili ne. Prema elementu ili oznaci za uporabu
Pohrana podataka ili web -pohrana s HTML5
S HTML5 web stranice mogu lokalno pohranjivati ​​podatke u pregledniku korisnika.
Prije se to radilo s kolačićima. Međutim, web -pohrana sigurnija je i brža. Podaci nisu uključeni u svaki zahtjev poslužitelja, već se koriste samo kada se to od njih zatraži. Također je moguće pohraniti velike količine podataka, bez utjecaja na performanse web stranice.
Jedna od velikih prednosti ove metode pohrane je ta što nam omogućuje sigurne podatke te nam, između ostalog, pruža velike mogućnosti rada sa stranicama i aplikacijama koje rade izvan mreže, bez pristupa internetu.
Podaci se pohranjuju u parove ime> vrijednost, a web stranica može pristupiti pohranjenim podacima samo sama.
Za razliku od kolačića, ograničenje pohrane mnogo je veće, radi kao lokalna baza podataka.
Možete imati 2 vrste prostora za pohranu
  • Lokalna pohrana: Pohranjeni podaci nemaju datum isteka, ostat će dostupni neograničeno dugo (koristi se localStorage objekt)
  • Pohrana sesije: Pohranjeni podaci bit će dostupni samo tijekom sesije pregledavanja, kada se zatvore, nestat će (koristi se objekt sessionStorage)
Jednostavan primjer pohrane podataka
 Pohrana podataka Web pohrana Pohranit će se lokalno:
Spremit će se u sesiju:Spremi oporavak
Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave