Spisie treści
W HTML5 zostało to rozwiązane, ponieważ wprowadzono kilka świetnych ulepszeń dla jego własnej walidacji, a inne dla jego łatwej obsługi, aby wyglądały bardziej atrakcyjnie.
W tym rozdziale zobaczymy małą próbkę nowych funkcji formularzy w HTML5. I zrozumiemy, że jego nowe funkcje są bardzo ważne dla dzisiejszej sieci.
Teraz pamiętaj, że nie wszystkie przeglądarki obsługują te nowe funkcje i te, które pokazują wyniki na swój sposób, ale zacznijmy:
Wszyscy wiemy, że etykieta określa pole wejściowe, w którym użytkownik może wprowadzić dane. Cóż, w HTML5 widzimy, że ma kilka rodzajów danych wejściowych lub. Te nowe funkcje pozwalają na lepszą kontrolę danych wejściowych i walidacji.
Rodzaj danych
: określa, że użytkownik musi wypełnić pole tekstem
: określa, że użytkownik musi wypełnić pole prawidłowym adresem e-mail
: określa, że użytkownik musi wypełnić pole adresem url
: określa, że użytkownik musi wypełnić pole kolorem
: określa, że użytkownik musi wypełnić pole datą
: określa, że użytkownik musi wypełnić pole jednym z miesięcy
Kilka przykładów elementów HTML5
Atrybuty walidacji
Atrybuty walidacji pozwalają sprawić, by pole tekstowe lub pole tekstowe akceptowało jeden typ danych, taki jak te wymienione powyżej, a HTML5 zweryfikuje, czy dane są poprawne, zanim trzeba to zrobić za pomocą javascript lub jquery.
Przykład walidacji wiadomości e-mail
E-mail:
Atrybut Keygen
Za każdym razem, gdy używamy hasła, chcielibyśmy móc je zaszyfrować dla większego bezpieczeństwa
Celem elementu jest zapewnienie bezpiecznego sposobu uwierzytelniania użytkowników.
Etykieta określa w formularzu pole generatora z dwoma kluczami.
Po przesłaniu formularza generowane są dwa klucze, jeden prywatny i jeden publiczny.
Klucz prywatny jest przechowywany lokalnie, a klucz publiczny jest wysyłany na serwer. Klucz publiczny może być użyty do wygenerowania certyfikatu klienta do uwierzytelniania użytkownika w przyszłości lub do zapisania jako hasło do bazy danych lub do walidacji sesji.
Hasło użytkownika:
Atrybut autofokusa
Autofokus zapewnia deklaratywny sposób ustawiania ostrości kontrolki formularza podczas ładowania strony. Wcześniej programista musiał napisać JavaScript za pomocą control.focus (). Nowy sposób pozwala przeglądarce robić inteligentne rzeczy, takie jak nie centrowanie kontroli, jeśli użytkownik już wpisuje inny.
Nazwa:Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
Nazwisko:
E-mail:
