Latest web development tutorials

HTML <input> tag

Przykłady

Prosty formularz HTML, który zawiera dwa pola wprowadzania tekstu i przycisk Prześlij:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

Spróbuj »
(Na dole strony można zobaczyć więcej przykładów)

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Większość przeglądarek obsługuje <input> znacznik.


definicje i instrukcje Tag

<Input> znacznik określa użytkownik może wprowadzić pole, w którym dane wejściowe.

<Input> elementy w <form> element służy do deklarowania pozwala użytkownikom na wprowadzanie kontroli wprowadzania danych.

pola wejściowe mogą być zmieniane na różne sposoby, w zależności od atrybutów typu.


Porady i wskazówki

Uwaga: <input> Element jest pusty, zawiera tylko atrybuty znaczników.

Wskazówka: Można użyć <label> zdefiniować etykietę elementu <input> elementu.


Różnice między HTML 4.01 i HTML5

W HTML 4.01, "align" dane nie są już wykorzystywane. Cecha ta nie jest obsługiwana w HTML5. Można zdefiniować wyrównanie <input> elementów za pomocą CSS.

W HTML5 <input> dodaj kilka właściwości i dodaje odpowiednią wartość.


Różnice między HTML i XHTML

W HTML <input> znacznik ma znacznik końcowy.

W XHTML <input> tag muszą być prawidłowo zamknięte.


nieruchomość

Nowość: HTML5 nowe tagi.

nieruchomość wartość opis
akceptować audio / video * / * obraz / * MIME_type Typ określa, poprzez przesłanie pliku do składania dokumentów. (Tylko dla type = "file")
wyrównać lewy prawy gorny w srodku dolny HTML5 nieaktualne, przestarzałe. Wcześniej określona wyrównanie obrazu wejściowego. (Tylko dla type = "image")
alt tekst Zdefiniuj obrazu alternatywną metodę wprowadzania tekstu. (Tylko dla type = "image")
Autouzupełnianie Nowy on off autouzupełnianie atrybut określa pole wprowadzania <input> element, czy należy włączyć autouzupełnianie.
Autofokus Nowy autofocus Atrybut określa, kiedy strona się ładuje <input> element powinien automatycznie uzyskać ostrość.
sprawdzone sprawdzone Atrybut określa sprawdzane podczas wczytywania strony powinny być wstępnie wybrane elementy <input>. (Tylko dla type = "checkbox" lub type = "radio")
niepełnosprawny niepełnosprawny Przepisy własności niepełnosprawne powinny być wyłączone <input> elementów.
utworzenia nowego form_id Formularz atrybut określa <input> elementy w postaci jednego lub więcej należy.
formaction Nowy URL atrybut URL określa proces kontroli wejścia, gdy przesyłanie formularzy. (Tylko dla type = "submit" oraz type = "obraz")
formenctype Nowość application / x-www-form-urlencoded tekst wieloczęściowy / form-data / plain Atrybut określa, kiedy formularz jest przesyłany do serwera, jak do kodowania danych (tylko dla type = "submit" oraz type = "image").
formmethod Nowy uzyskać posta Definiowanie Wyślij dane formularza na adres URL działania metody HTTP. (Tylko dla type = "submit" oraz type = "obraz")
formnovalidate Nowy formnovalidate formnovalidate nadpisania właściwości <form> novalidate atrybut elementu.
formtarget Nowy _blank _self _parent _top framename Po wysłaniu formularza przewidzianego pokazując gdzie wyświetla otrzymane odpowiedzi nazwę lub słowo kluczowe. (Tylko dla type = "submit" oraz type = "obraz")
wysokość Nowy pikseli Przepisy <input> wysokość elementu. (Tylko dla type = "image")
Lista Nowy datalist_id referencyjny nieruchomości <datalist> elementem, który zawiera predefiniowane opcje <input> elementów.
MAX Nowy data Numer Atrybut określa maksymalną <input> element.
MaxLength liczba Atrybut określa <input> elementów maksymalną liczbę znaków dozwolonych.
min Nowa data Numer Atrybut określa <input> element minimum.
stwardnienie Nowy wielokrotność Atrybut określa pozwala użytkownikom na wprowadzanie wielu wartości <input> elementów.
nazwa tekst Atrybut name określa nazwę <input> elementu.
wzór Nowy regexp atrybut określa wzór używany do sprawdzania <input> element wartości wyrażeń regularnych.
zastępczy Nowy tekst Atrybut zastępczy przewiduje krótkim opisem wejścia wiadomości <input> pole jest wartością oczekiwaną.
readonly readonly atrybutem tylko do odczytu określa pole wejściowe jest tylko do odczytu.
Wymagane Nowa wymagany Atrybut określa się poniższe pola muszą być wypełnione przed wysłaniem formularza.
rozmiar liczba Widoczne atrybut width określa wielkość pod względem liczby znaków <input> elementów.
src URL Atrybut src określa URL przycisku wyświetlany jako obraz kliknij. (Tylko dla type = "image")
KROK Nowość liczba atrybut krokiem określa prawną cyfrowy <input> interwał elementu.
typ przycisk
checkbox
kolor
data
datetime
datetime-local
e-mail
plik
ukryty
obraz
miesiąc
liczba
hasło
radio
zakres
zresetować
poszukiwanie
przedkładać
tel
tekst
czas
url
tydzień
<Input> Atrybut type określa typ elementu, który chcesz wyświetlić.
wartość tekst Określa <input> wartość elementu wartościowego.
szerokość Nowy pikseli Atrybut określa szerokość <input> szerokość elementu. (Tylko dla type = "image")


Właściwości ogólne

<Input> obsługuje globalne atrybuty, widok wypełnić arkusz właściwości HTML atrybutów globalnych .


Właściwości zdarzenia

<Input> obsługuje wszystkie atrybuty zdarzeń HTML .