Spisie treści
W poprzednim samouczku zaczęliśmy od nowości HTML5 w obsłudze danych formularzy. Będziemy dalej wyjaśniać kilka innych funkcjonalności, które pozwolą nam zaoszczędzić sporo czasu na rozwój.Wymagany atrybut:
Wymagany lub wymagany atrybut w elemencie zostanie ustawiony na a i automatycznie wymusza na użytkowniku wypełnienie pola, aby kontynuować, czyli przeglądarka nie zezwoli na wysłanie formularza bez danych wejściowych z pustym atrybutem.
Nazwa:
Wymagany atrybut działa z typami danych wejściowych: tekst, wyszukiwanie, adres URL, tel, e-mail, hasło, selektory dat, numer, pole wyboru, radio i plik.
Można go połączyć z jquery.validate.js, aby móc skonfigurować komunikaty odpowiedzi i zdarzenia do wykonania. Przykład możemy zobaczyć w formularzu Validate z samouczkiem Jquery
Jednym z największych problemów z HTML5 jest to, że nie wszystkie elementy są kompatybilne z obecnymi przeglądarkami, więc musimy sprawdzić, które z nich są kompatybilne, a które nie przed przystąpieniem do naszego rozwoju i nie dziwić się, że to, co chcemy później wykorzystać, nie działa .
Z poniższego linku możemy sprawdzić kompatybilność HTML5 z przeglądarkami, możemy zobaczyć pełny wykres, aby określić, czy to, czego chcemy użyć, działa, czy nie. Zgodnie z elementem lub etykietą do użycia
Przechowywanie danych lub przechowywanie w sieci dzięki HTML5
Dzięki HTML5 strony internetowe mogą przechowywać dane lokalnie w przeglądarce użytkownika.
Wcześniej robiono to za pomocą plików cookie. Jednak przechowywanie w sieci Web jest bezpieczniejsze i szybsze. Dane nie są dołączane do każdego żądania z serwera, ale są używane tylko na żądanie. Możliwe jest również przechowywanie dużych ilości danych, bez wpływu na wydajność strony internetowej.
Jedną z wielkich zalet tej metody przechowywania jest to, że pozwala nam mieć bezpieczne dane, a między innymi daje nam ogromne możliwości pracy ze stronami i aplikacjami działającymi w trybie offline, bez dostępu do Internetu.
Dane są przechowywane w parach nazwa>wartość, a strona internetowa może uzyskać dostęp do przechowywanych danych tylko sama.
W przeciwieństwie do plików cookie limit przechowywania jest znacznie wyższy, działa jak lokalna baza danych.
Możesz mieć 2 rodzaje przechowywania
- Lokalny magazyn: Przechowywane dane nie mają daty ważności, pozostaną dostępne bezterminowo (wykorzystywany jest obiekt localStorage)
- Pamięć sesji: Przechowywane dane będą dostępne tylko podczas sesji przeglądania, po jej zamknięciu znikną (wykorzystywany jest obiekt sessionStorage)
Przechowywanie danych Web Storage Zostanie zapisany lokalnie:Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
Zostanie zapisany w sesji:Zapisz Odzyskaj