Najlepszy samouczek Typy wejść HTML5 W 2024 r. W tym samouczku możesz dowiedzieć się HTML5 Nowe typy wejściowe,Typ wejścia: Kolor,Przykłady,Typ wejścia: data,Przykłady,Typ wejścia: datetime,Przykłady,Typ wejścia: datetime-local,Przykłady,Typ wejścia: email,Przykłady,Typ wejścia: miesiąc,Przykłady,Typ wejścia: Numer,Przykłady,Typ wejścia: Zakres,Przykłady,Typ wejścia: szukaj,Przykłady,Typ wejścia: tel,Przykłady,Typ wejścia: czas,Przykłady,Typ wejścia: url,Przykłady,Typ wejścia: tydzień,Przykłady,HTML5 <input> tag,
HTML5 ma kilka nowych typów pól formularza. Te nowe funkcje zapewniają lepszą kontrolę wejściową i walidacji.
Ten rozdział opisuje te kompleksowe nowe typy wejściowych:
Uwaga: Nie wszystkie z głównych przeglądarek obsługuje nowe typy wejściowych, ale już można ich używać we wszystkich głównych przeglądarkach.Jeśli nie jest obsługiwany, to może jeszcze wyświetlane jako zwykłe pola tekstowe.
kolor używany w typie pola wejściowego jest wykorzystywany głównie, aby wybrać kolor, co następuje:
Wybierz kolor z próbnika kolorów:
Data Rodzaj pozwala wybrać datę z wyboru daty.
typ datetime pozwala wybrać datę (czas UTC).
Określ datę i regulator czasu (czasu lokalnego):
typ datetime lokalnego pozwala wybrać datę i godzinę (bez strefy czasowej).
Określ datę i godzinę (bez strefy czasowej):
Typ email jest wykorzystywany dla pól wejściowych powinna zawierać adresów e-mail.
Po wysłaniu formularza, zostanie ona automatycznie sprawdza, czy wartość ważnej dziedziny e-mail:
Wskazówka: iPhone w przeglądarce Safari obsługuje e-mail, typ wejścia, a przez zmianę klawiatury na ekranie dotykowym, aby ją dopasować (dodaj @ i .com opcje).
Typ miesięcy pozwala wybrać miesiąc.
Zdefiniowane miesiąc i rok (brak strefy czasowej):
Typ Numer służy do pól wejściowych powinna zawierać wartość.
Można również ustawić przyjąć ograniczoną liczbę:
Zdefiniuj pole wprowadzania numerycznego (ograniczona):
Użyj następującą właściwość, aby określić typ cyfrowego LIMITED:
Spróbuj przykład we wszystkie zdefiniowane atrybuty spróbować
Typ zakresu służy do pól wejściowych powinna zawierać zakres wartości liczbowych.
Typ zakresu jest wyświetlany w postaci suwaka.
Nie trzeba zdefiniować bardzo dokładnej wartości (jak suwaka):
Proszę stosować następujące atrybuty, aby określić rodzaj cyfrowej LIMITED:
typ wyszukiwania w polu wyszukiwania, takich jak wyszukiwanie serwisu lub wyszukiwarki Google.
Zdefiniować pole wyszukiwania (podobną do przeszukiwania strony lub wyszukiwarki Google):
Wprowadź numer telefonu pola jest zdefiniowana:
Typ czasu pozwala wybrać czas.
Definiuje Kontroler czasu wejścia (brak strefy czasowej):
url typu służy do pól wejściowych powinna zawierać adres URL.
Po wysłaniu formularza, zostanie ona automatycznie sprawdza wartość w polu URL.
Zdefiniuj pole wprowadzania adresu URL:
Wskazówka: iPhone w przeglądarce Safari obsługuje url typ wejścia, a przez zmianę klawiatury na ekranie dotykowym, aby ją dopasować (dodaj opcję .com).
tydzień pozwala wybrać typ tygodnia i roku.
Definicje tydzień i rok (brak strefy czasowej):
标签 | 描述 |
---|---|
<input> | 描述input输入器 |