Atrybuty typu wejście HTML

HTML <input> tag

Pomoc Browser

Wszystkie główne przeglądarki obsługują atrybut type. Jednak nie wszystkie główne przeglądarki obsługują wszystkie rodzaje wejść może pracować we wszystkich głównych przeglądarkach.

Zobacz poniżej dla każdego typu wejścia wsparcia przeglądarki.

Definicja i Wykorzystanie

<Input> Atrybut type określa typ elementu, który chcesz wyświetlić.

Domyślnym typem jest text.

Uwaga: Ten atrybut nie jest wymagane, ale uważamy, że zawsze należy go używać.

Różnice między HTML 4.01 i HTML5

Następujące typy wejściowe są nowe w rodzaju HTML5: kolor, data, datetime, datetime-local, miesiąc, tydzień, czas, e-mail, numer, zakres wyszukiwania, tel i adres URL.

gramatyka

Wartość nieruchomości

Przykłady

Typ wejścia: Przycisk

Przykłady

Definicja klikalne przyciski, gdy użytkownik kliknie przycisk, aby rozpocząć okres JavaScript:

<input type="button" value="点我" onclick="msg()">

Spróbuj »

Typ wejścia: checkbox

Przykłady

Box pozwala użytkownikowi wybrać jeden lub więcej opcji w szereg opcji:

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

Spróbuj »

Typ wejścia: Kolor

Przykłady

Wybierz kolor z próbnika kolorów:

选择你喜欢的颜色: <input type="color" name="favcolor"><br>

Spróbuj »

Rodzaj wejścia: Data

Przykłady

terminie określonym kontrole:

生日: <input type="date" name="bday">

Spróbuj »

Typ wejścia: datetime

Przykłady

Zdefiniuj kontrole data i godzina (ze strefy czasowej):

生日 (日期和时间): <input type="datetime" name="bdaytime">

Spróbuj »

Typ wejścia: datetime-local

Przykłady

Zdefiniuj kontrole data i godzina (bez strefy czasowej):

生日 (日期和时间):<input type="datetime-local" name="bdaytime">

Spróbuj »

Typ wejścia: email

Przykłady

Pole Definicje adres e-mail (gdy formularz jest składany automatycznie do wartości pola e-mail w celu weryfikacji):

E-mail: <input type="email" name="usremail">

Spróbuj »

Wskazówka: przeglądarka Safari iPhonerozpozna typ wejścia e-mail, a następnie zmienić klawiatury ekranu dotykowego, aby dostosować się do niego (dodaj @ i .com opcje).

Rodzaj wejścia: file

Przykłady

Aby zdefiniować pole wyboru pliku i przycisk "Przeglądaj ...", do przesłania pliku:

选择一个文件: <input type="file" name="img">

Spróbuj »

Typ wejścia: ukryty

Przykłady

Definicja ukrytych pól ukrytych pól nie są widoczne dla użytkownika. Ukryte pola często przechowują wartości domyślnej lub zmienić ich wartości przez JavaScript:

<input type="hidden" name="country" value="Norway">

Spróbuj »

Typ wejścia: image

Przykłady

Obraz Niestandardowe przycisk złożyć:

<input type="image" src="img_submit.gif" alt="Submit">

Spróbuj »

Typ wejścia: miesiąc

Przykłady

Określ miesiąc i rok (bez kontroli strefy czasowej):

生日 ( 月和年 ): <input type="month" name="bdaymonth">

Spróbuj »

Typ wejścia: Numer

Przykłady

Wprowadź numer do zdefiniowania pola for (można ustawić liczby dopuszczalnych granicznych):

数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">

Spróbuj »

Proszę stosować następujące atrybuty, aby określić ograniczenia:

• MAX - maksymalna dopuszczalna przez przepisy.
• min - minimalna dopuszczalna przez przepisy.
• KROK - wymagania dotyczące prawnego przedziale cyfrowej.
• WARTOŚĆ - określony domyślny.

Typ wejścia: hasło

Przykłady

Definiowanie pól hasło (password pola są zamaskowani znaków):

<input type="password" name="pwd">

Spróbuj »

Typ wejścia: radiowa

Przykłady

Pozwala to użytkownikowi na wybranie opcji w kilku opcji:

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="女"> 女

Spróbuj »

Typ wejścia: Zakres

Przykłady

Definiuje ona dokładna wartość nie jest istotna wejścia cyfrowego sterowania (takie jak suwaków). Można również ustawić dopuszczalne limity liczby:

<input type="range" name="points" min="1" max="10">

Spróbuj »

Proszę stosować następujące atrybuty, aby określić ograniczenia:

• MAX - maksymalna dopuszczalna przez przepisy.
• min - minimalna dopuszczalna przez przepisy.
• KROK - wymagania dotyczące prawnego przedziale cyfrowej.
• WARTOŚĆ - określony domyślny.

Rodzaj wejścia: reset

Przykłady

Definiowanie przycisk zerowania (Reset All forma jest domyślnie):

<input type="reset">

Spróbuj »

Wskazówka: Należy zachować ostrożność przy użyciu przycisku reset!Dla użytkowników, przypadkowo kliknął przycisk Reset jest bardzo irytujące.

Typ wejścia: szukaj

Przykłady

Zdefiniowane pole wyszukiwania (na przykład wyszukiwarka miejsce lub wyszukiwarki Google, itp):

Search Google: <input type="search" name="googlesearch">

Spróbuj »

Typ wejścia: submit

Przykłady

Definiowanie przycisku złożyć:

<input type="submit">

Spróbuj »

Typ wejścia: tel

Przykłady

Zdefiniowane pola do wprowadzania numerów telefonów:

电话号码: <input type="tel" name="usrtel">

Spróbuj »

Typ wejścia: text

Przykłady

Użytkownik może zdefiniować dwa, aby wprowadzić pojedynczą linię tekstu w polu tekstowym:

First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>

Spróbuj »

Typ wejścia: czas

Przykłady

Wprowadź czas definicji kontroli używanego (bez strefy czasowej):

选择时间: <input type="time" name="usr_time">

Spróbuj »

Typ wejścia: url

Przykłady

Definiuje wejściowe pola adresu URL:

添加你的主页: <input type="url" name="homepage">

Spróbuj »

Wskazówka: przeglądarka Safari iPhonerozpozna typ wejścia URL, a następnie zmienić klawiatury ekranu dotykowego, aby dostosować się do niego (dodaj opcję .com).

Rodzaj wejścia: tydzień

Przykłady

Definicja tygodnia i kontroli rocznie (bez strefy czasowej):

选择周: <input type="week" name="week_year">

Spróbuj »