Formuláře HTML5 - nové datové typy - část 2

V předchozím tutoriálu jsme začali s novinkami HTML5 při zpracování dat formuláře. Budeme i nadále vysvětlovat některé další funkce, které nám umožní ušetřit spoustu času na vývoj.
Požadovaný atribut:
Požadovaný nebo požadovaný atribut v prvku bude nastaven na hodnotu a automaticky přiměje uživatele k vyplnění pole, aby pokračoval, to znamená, že prohlížeč nedovolí odeslání formuláře, aniž by byl vstup s tímto atributem prázdný.

 Název: 

Požadovaný atribut funguje se vstupními typy: text, vyhledávání, URL, tel, e -mail, heslo, výběr data, číslo, zaškrtávací políčko, rádio a soubor.
Lze jej kombinovat s jquery.validate.js, aby bylo možné konfigurovat zprávy a události odpovědí ke spuštění. Můžeme vidět příklad ve formuláři Ověřit pomocí výukového programu Jquery
Jedním z největších problémů HTML5 je, že ne všechny prvky jsou kompatibilní se současnými prohlížeči, takže musíme před vývojem zkontrolovat, které jsou kompatibilní a které ne, a nenechat se překvapit, že to, co chceme použít později, nefunguje .
Z následujícího odkazu můžeme zkontrolovat kompatibilitu HTML5 s prohlížeči, můžeme vidět kompletní graf určující, zda to, co chceme použít, funguje nebo ne. Podle prvku nebo štítku k použití
Úložiště dat nebo webové úložiště s HTML5
Díky HTML5 mohou webové stránky ukládat data lokálně v prohlížeči uživatele.
Dříve se to dělalo pomocí cookies. Webové úložiště je však bezpečnější a rychlejší. Data nejsou součástí každého požadavku ze serveru, ale jsou použita pouze na vyžádání. Je také možné ukládat velké množství dat bez ovlivnění výkonu webové stránky.
Jednou z velkých výhod této metody ukládání je, že nám umožňuje mít zabezpečená data a mimo jiné nám poskytuje skvělé možnosti práce se stránkami a aplikacemi pracujícími offline, bez přístupu k internetu.
Data jsou uložena v párech název> hodnota a webová stránka má k uloženým datům přístup pouze sama.
Na rozdíl od cookies je limit úložiště mnohem vyšší, funguje jako lokální databáze.
Můžete mít 2 typy úložiště

• Místní úložiště: Uložená data nemají datum vypršení platnosti, zůstanou k dispozici neomezeně dlouho (použije se objekt localStorage)
• Úložiště relací: Uložená data budou k dispozici pouze během relace procházení, když je zavřená, zmizí (použije se objekt sessionStorage)

Jednoduchý příklad ukládání dat

 Úložiště dat Webové úložiště Bude uloženo lokálně:
Bude uloženo v relaci:Uložit Obnovit

Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod