Korzyści ze stosowania nowych typów pól tekstowych

Specyfikacja HTML 5 wprowadza sporo nowych typów pól formularzy, które są mocno wyspecjalizowane. Odpowiednio użyte mogą być ułatwieniem dla webmasterów i użytkowników, chociaż ich implementacja wciąż nie jest kompletna. Ja jednak chciałbym zachęcić do ich stosowania na przykładzie pola typu EMAIL.

Stosowanie nowych typów pól jest banalnie proste i polega na podania ich jako wartości atrybutu TYPE. Można to zrobić chociażby tak:

<form>
<label for="login">Użytkownik: </label>
<input type="email" placeholder="wpisz adres email" name="login" id="login">
</form>

Walidacja typów pól

Można zapytać – po co takie rozwiązanie, skoro i tak trzeba oprogramować takie pole. Trzeba dodać skrypt, który sprawdzi, czy tekst jest adresem poczty elektronicznej. Do tego wystarczy pole typu TEXT i zapewni się w ten sposób całkowitą zgodność. To jest prawda, ale tylko częściowa. Niektóre przeglądarki, na przykład Firefox, potrafią już sprawdzić wprowadzony tekst i wyświetlić odpowiednie ostrzeżenie. Jednak faktycznie – na razie bez skryptu obejść się nie da. Warto jednak wprawiać się w stosowaniu nowych standardów. W starych przeglądarkach pole nieznanego typu wyrenderowane zostanie jako pole typu TEXT i zgodność zostanie zachowana.

Klawiatury mobilne

Jest przynajmniej jeden dobry powód, by stosować pole typu EMAIL. Takie pole zostanie prawidłowo zinterpretowane przez większość mobilnych przeglądarek internetowych i do wprowadzania danych system może zaproponować bardziej dostosowaną klawiaturę. W systemie iOS po napotkaniu na pole tego typu, system zaproponuje klawiaturę z dodatkowymi znakami „@” i „.”. To niewielkie udogodnienie sprawia, że wprowadzając adres jacek.zadrozny@hotmail.com nie muszę przełączać się sześciokrotnie pomiędzy klawiaturami. Podobnie jest w innych przeglądarkach mobilnych i na innych systemach. Rozwiązanie to działa także w wypadku wykorzystywania HTML 5 do budowania interfejsów aplikacji, w tym oczywiście webowych. Podobnie działać będzie stosowanie typu URL, kiedy to dostaniemy znaki w rodzaju „/” i „:”.

Semantyka kodu

Ostatnim powodem dla stosowania tych nowych typów jest dbałość o semantykę kodu. Specyfikacje HTML oferują szeroki wachlarz znaczników i atrybutów pozwalających na precyzyjne opisywanie rodzaju treści.Im bardziej semantycznie zaprojektowany jest serwis internetowy, tym lepiej poradzą sobie z nim różne narzędzia: agregatory treści, technologie asystujące i wyszukiwarki. To chyba też dobry argument.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj /  Zmień )

Zdjęcie na Google

Komentujesz korzystając z konta Google. Wyloguj /  Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj /  Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj /  Zmień )

Połączenie z %s

Ta witryna wykorzystuje usługę Akismet aby zredukować ilość spamu. Dowiedz się w jaki sposób dane w twoich komentarzach są przetwarzane.