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

Jedním z problémů, které jsme měli s předchozí verzí HTML, tedy 4, byla validace, protože jsme pro její validaci museli použít jinou technologii, samozřejmě pomocí Javascriptu jsme dali dotek, který jsme potřebovali, abychom dali to, co těmto formám chybělo .
V HTML5 to bylo vyřešeno, protože byla provedena některá velká vylepšení pro jeho vlastní validaci a jiná pro jeho snadné ovládání, aby vypadalo atraktivněji.
V této kapitole uvidíme malou ukázku nových funkcí formulářů v HTML5. A pochopíme, že jeho nové funkce jsou pro dnešní web velmi důležité.
Nyní mějte na paměti, že ne všechny prohlížeče podporují tyto nové funkce a ti, kteří zobrazují výsledky svým vlastním způsobem, ale pojďme začít:
Všichni víme, že štítek určuje vstupní pole, do kterého může uživatel zadávat data. V HTML5 vidíme, že má několik typů vstupu nebo. Tyto nové funkce umožňují lepší kontrolu vstupu a ověřování.
Typ dat
: určuje, že uživatel musí vyplnit pole textem
: určuje, že uživatel musí vyplnit pole platným e -mailem
: určuje, že uživatel musí vyplnit pole adresou URL
: určuje, že uživatel musí vyplnit pole barvou
: určuje, že uživatel musí vyplnit pole datem
: určuje, že uživatel musí vyplnit pole jedním z měsíců
Několik příkladů prvků HTML5
Ověřovací atributy
Atributy ověření umožňují, aby textové pole nebo textové pole přijímalo jeden typ dat, jako jsou výše uvedená data, a HTML5 ověří, že jsou data správná, než bylo nutné je provést pomocí javascriptu nebo jquery.
Příklad ověření e -mailu

 E-mailem:

Atribut Keygen
Kdykoli použijeme heslo, rádi bychom ho mohli zašifrovat pro větší bezpečnost
Účelem prvku je poskytnout bezpečný způsob ověřování uživatelů.
Štítek určuje pole generátoru se dvěma klíči ve formuláři.
Při odeslání formuláře jsou generovány dva klíče, jeden soukromý a jeden veřejný.
Soukromý klíč je uložen lokálně a veřejný klíč je odeslán na server. Veřejný klíč by mohl být použit ke generování klientského certifikátu k ověření uživatele v budoucnosti nebo k uložení jako heslo do databáze nebo k ověření relací.

 Uživatelské heslo: 

Atribut Autofocus
Automatické zaostřování poskytuje deklarativní způsob, jak zaměřit ovládací prvek formuláře během načítání stránky. Dříve vývojář potřeboval napsat Javascript pomocí control.focus (). Nový způsob umožňuje prohlížeči dělat chytré věci, například nevycentrovat ovládací prvek, pokud uživatel již zadává jiný.

 Název:
Příjmení:
E-mailem:

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