Формуляри в HTML5 - Нови типове данни - Част 1

Един от проблемите, които имахме с предишната версия на HTML, тоест 4, беше валидирането, тъй като се наложи да използваме друга технология за валидирането му, разбира се с Javascript ние дадохме необходимото докосване, за да дадем това, което липсваше на тези форми .
В HTML5 това беше решено, тъй като бяха направени някои големи подобрения за собственото му валидиране, а други за лесното му боравене, за да изглежда по -привлекателно.
В тази глава ще видим малка извадка от новите функции на формите в HTML5. И ще разберем, че новите му функции са много важни за днешната мрежа.
Сега, имайте предвид, че не всички браузъри поддържат тези нови функции и тези, които показват резултатите по свой собствен начин, но нека започнем:
Всички знаем, че етикетът посочва поле за въвеждане, където потребителят може да въвежда данни. Е, в HTML5 виждаме, че има няколко типа въвеждане или. Тези нови функции позволяват по -добър контрол на въвеждането и валидирането.
Тип данни
: посочва, че потребителят трябва да попълни полето с текст
: посочва, че потребителят трябва да попълни полето с валиден имейл
: посочва, че потребителят трябва да попълни полето с url
: посочва, че потребителят трябва да попълни полето с цвят
: посочва, че потребителят трябва да попълни полето с дата
: посочва, че потребителят трябва да попълни полето с един от месеците
Някои примери за HTML5 елементи
Атрибути за валидиране
Атрибутите за валидиране позволяват да накарате текстово поле или текстово поле да приеме един тип данни, като тези, споменати по -горе, и HTML5 ще потвърди, че данните са правилни, преди да е трябвало да се направи с javascript или jquery.
Пример за валидиране на имейл

 Електронна поща:

Атрибут на Keygen
Всеки път, когато използваме парола, бихме искали да можем да я шифроваме за по -голяма сигурност
Целта на елемента е да осигури сигурен начин за удостоверяване на потребителите.
Етикетът посочва генераторно поле с два ключа във формуляр.
При подаване на формуляра се генерират два ключа, един частен и един публичен.
Частният ключ се съхранява локално, а публичният ключ се изпраща на сървъра. Публичният ключ може да се използва за генериране на клиентски сертификат за удостоверяване на потребителя в бъдеще или за запазване като парола в база данни или за валидиране на сесии.

 Потребителска парола: 

Атрибут Autofocus
Автофокусът осигурява декларативен начин за фокусиране на контрола на формуляр по време на зареждане на страница. Преди това разработчик трябваше да напише Javascript с помощта на control.focus (). Новият начин позволява на браузъра да прави интелигентни неща, като например да не центрира контрола, ако потребителят вече въвежда друг.

 Име:
Фамилия:
Електронна поща:

Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка