Formulare HTML5 - Noi tipuri de date - Partea 2

În tutorialul anterior am început cu noutățile HTML5 în gestionarea datelor din formular. Vom explica în continuare câteva alte funcționalități care ne vor permite să economisim mult timp de dezvoltare.
Atributul necesar:
Atributul necesar sau necesar dintr-un element va fi setat la și va determina automat utilizatorul să fie obligat să completeze câmpul pentru a continua, adică browserul nu va permite trimiterea formularului fără ca intrarea cu acest atribut să fie goală.

 Nume: 

Atributul necesar funcționează cu tipurile de intrare: text, căutare, adresă URL, tel, e-mail, parolă, date, număr, casetă de selectare, radio și fișier.
Poate fi combinat cu jquery.validate.js pentru a putea configura mesajele de răspuns și evenimentele de executat. Putem vedea un exemplu în formularul Validare cu tutorial Jquery
Una dintre cele mai mari probleme cu HTML5 este că nu toate elementele sunt compatibile cu browserele actuale, așa că trebuie să verificăm care sunt compatibile și care nu sunt înainte de a face dezvoltarea noastră și să nu fim surprinși că ceea ce vrem să folosim mai târziu nu funcționează .
Din următorul link putem verifica compatibilitatea HTML5 cu browserele, putem vedea un grafic complet pentru a determina dacă ceea ce dorim să folosim funcționează sau nu. În funcție de elementul sau eticheta de utilizat
Stocarea datelor sau stocarea web cu HTML5
Cu HTML5 paginile web pot stoca date local în browserul utilizatorului.
Înainte, acest lucru se făcea cu cookie-uri. Cu toate acestea, stocarea pe Web este mai sigură și mai rapidă. Datele nu sunt incluse la fiecare cerere de la server, ci sunt utilizate numai la cerere. De asemenea, este posibil să stocați cantități mari de date, fără a afecta performanța paginii web.
Unul dintre marile avantaje ale acestei metode de stocare este că ne permite să avem date securizate și, printre altele, ne oferă posibilități mari de a lucra cu pagini și aplicații care funcționează offline, fără acces la Internet.
Datele sunt stocate în perechi nume> valoare, iar o pagină web poate accesa datele stocate numai de la sine.
Spre deosebire de cookie-uri, limita de stocare este mult mai mare, funcționează ca o bază de date locală.
Puteți avea 2 tipuri de stocare

• Stocare locală: Datele stocate nu au o dată de expirare, vor rămâne disponibile pe termen nelimitat (se utilizează obiectul localStorage)
• Stocare sesiune: Datele stocate vor fi disponibile numai în timpul sesiunii de navigare, când sunt închise, vor dispărea (se utilizează obiectul sessionStorage)

Exemplu simplu de stocare a datelor

 Stocare date Stocare web Acesta va fi salvat local:
Acesta va fi salvat într-o sesiune:Salvare Recuperare

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv