Bez rozróżniania starej i nowej składni, zbadajmy ogólne podejście do tworzenia formularza na stronie WWW przy użyciu HTML5. Oto kilka zalecanych kroków, aby zacząć: Największa
- Stworzenie bloku formularz za pomocą < formularz > tagi Największa
- Wyznacz blok pól w formularzu użyciu. < > fieldset tagi Największa
- Rozłóż każdego pola w zestawie pola za pomocą. < etykietę > tagi. Użyj " za " atrybut dla każdej etykiety, jak to atrybut id, identyfikacji tej etykiety do wykorzystania w innych częściach kodu. Przykład: < label for = " nazwa " > < /label > Największa
- W każdym znacznikiem etykiety, dodać nazwę pola, jak chcesz, to wyświetlona plus < input /> znacznik do pola Sam Największa
- Użyj atrybutu type w tagu wejściowego (< input type = " " >)., że poprosi przeglądarkę, aby sprawdzić poprawność danych wejściowych użytkownika w oparciu o tego typu. Eliminuje to potrzebę dodatkowego kodu, który przeprowadza weryfikacje i szybka do ponownego wjazdu. HTML5 zawiera następujące typy wejść: data, godzina, datetime, datetime-local, miesiąca, tygodnia, numer, adres e-mail, tel, adres URL, zakres, kolorów i wyszukiwania. Możesz także użyć atrybutu wzór z wyrażenia regularnego, aby utworzyć wzór zwyczaj sprawdzania poprawności. Największa
- Podać wymagane pola dodając wymagany atrybut dla elementu wejściowego. Największa
- Użyj atrybutu autofokusa, aby ustawić zwłaszcza elementem wejściowym, jak pierwszy element formy. To jest, gdy przeglądarka internetowa automatycznie umieścić kursor użytkownika po załadowaniu formularza. Największa
- Użyj atrybutu zastępczy w razie potrzeby dodać podpowiedzi tekstowych o tym, co wpisać w danej dziedzinie. Największa
- Ustaw CSS style ": wymagane " i ": nieważne " więc użytkownik ma wizualną wskazówkę do brakujących informacji lub wejście, które nie zatwierdzić dla danego typu wejścia.
Sprawdź, up-to-date przewodnik HTML5 dla Pełną listę elementów formularzy i ich atrybuty. Należy również pamiętać, że wsparcie dla niektórych pól formularza waha się od przeglądarek internetowych. Pamiętaj, aby sprawdzić swoją formę w każdym rodzaju przeglądarki chcesz witryny sieci Web, aby wspierać. Największa
Podczas gdy elementy formularza HTML mają więcej funkcji w wersji 5, następny typ elementu jest całkowicie nowego w HTML5. Największa semantyc
