Przykład
Formularz HTML z trzech pól wejściowych; dwa pola tekstowe i przedłożyć przycisku:
<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="Submit">
</form>
Spróbuj sam " Definicja i Wykorzystanie
<input> znacznik określa pole wprowadzania, w którym użytkownik może wpisać dane.
<input> elementy są wykorzystywane w <form> elementu zadeklarować formantów wejściowych, które pozwalają użytkownikom na danych wejściowych.
Pole wejściowe mogą różnić się na wiele sposobów, w zależności od type atrybutu.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<input> | tak | tak | tak | tak | tak |
Porady i wskazówki
Uwaga: <input> element jest pusty, zawiera on tylko atrybuty.
Wskazówka: użyj <label> element, aby zdefiniować etykiety <input> elementów.
Różnice między HTML 4.01 i HTML5
"align" atrybut nie jest obsługiwana w HTML5.
W HTML5, <input> znacznik ma kilka nowych cech i type atrybut posiada kilka nowych wartości.
Różnice między HTML i XHTML
W przypadku HTML, <input> znacznik ma znacznik końcowy.
W XHTML, The <input> znacznik musi być prawidłowo zamknięta, podobnie jak to <input /> .
Atrybuty
= Nowe w HTML5.
Atrybut | Wartość | Opis |
---|---|---|
accept | file_extension audio/* video/* image/* media_type | Określa typy plików, które serwer akceptuje (tylko dla type="file" ) |
align | left right top middle bottom | Nie jest obsługiwany w HTML5. Określa wyrównanie wejścia obrazu (tylko dla type="image" ) |
alt | text | Określa alternatywny tekst dla obrazów (tylko dla type="image" ) |
autocomplete | on off | Określa, czy <input> element powinien mieć włączone autouzupełnianie |
autofocus | autofocus | Określa, że <input> element powinien skupić się automatycznie po załadowaniu strony |
checked | checked | Określa, że <input> element powinien być wstępnie wybrana po załadowaniu strony (dla type="checkbox" lub type="radio" ) |
dirname | inputname.dir | Określa, że kierunek tekst zostanie przedłożony |
disabled | disabled | Określa, że <input> element powinien być wyłączony |
form | form_id | Określa jedną lub więcej tworzy <input> pierwiastek należący do |
formaction | URL | Określa adres URL pliku, który będzie przetwarzać kontroli wejściowej, gdy formularz jest składany (dla type="submit" oraz type="image" ) |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Określa, jak form-data powinny być kodowane przy składaniu go do serwera (dla type="submit" oraz type="image" ) |
formmethod | get post | Definiuje metodę HTTP dla wysyłania danych do adresu URL akcji (dla type="submit" oraz type="image" ) |
formnovalidate | formnovalidate | Określa, że elementy formularza nie powinno być zatwierdzone, gdy przedłożone |
formtarget | _blank _self _parent _top framename | Określa miejsce, aby wyświetlić odpowiedź, która jest odbierana po wysłaniu formularza (dla type="submit" oraz type="image" ) |
height | pixels | Określa wysokość w <input> elementu (tylko dla type="image" ) |
list | datalist_id | Odnosi się do <datalist> element, który zawiera predefiniowanych opcji dla <input> elementu |
max | number date | Określa maksymalną wartość na <input> elementu |
maxlength | number | Określa maksymalną liczbę znaków dozwolone w <input> elementu |
min | number date | Określa minimalną wartość na <input> elementu |
multiple | multiple | Określa, że użytkownik może wprowadzić więcej niż jedną wartość w <input> elementu |
name | text | Określa nazwę na <input> elementu |
pattern | regexp | Określa wyrażenie regularne, że <input> Wartość elementu jest porównywane |
placeholder | text | Określa krótką podpowiedź opisujący oczekiwaną wartość na <input> elementu |
readonly | readonly | Określa, że pole tekstowe jest tylko do odczytu |
required | required | Określa, że pole wejściowe muszą zostać wypełnione przed wysłaniem formularza |
size | number | Określa szerokość w znakach, danego <input> elementu |
src | URL | Określa adres URL obrazu do wykorzystania jako przycisk przesyłania (tylko dla type="image" ) |
step | number | Określa prawnych interwałów numerycznych dla pola wejściowego |
type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Określa typ <input> elementów do wyświetlenia |
value | text | Określa wartość na <input> elementu |
width | pixels | Określa szerokość na <input> elementu (tylko dla type="image" ) |
Atrybuty globalne
<input> znacznik obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<input> znacznik obsługuje również Event Atrybuty w HTML .
Podobne strony
Poradnik HTML: Formularze
HTML DOM:
- Przycisk wejścia obiektu
- Wejście Pole wyboru obiektu
- Wejście kolorowa Przedmioty
- Wejście Data Object
- Wejście Datetime obiektu
- Wejście DatetimeLocal obiektu
- Wejście Email obiektu
- Wejście FileUpload obiektu
- Wejście Hidden Object
- Wejście Obiekt Obraz
- Wejście Miesiąc obiektu
- Numer wejścia obiektu
- Wprowadź hasło obiektu
- Wejście Zakres obiektu
- Wejście Radio obiektu
- Wejście Reset obiektu
- Wejście Szukaj obiektu
- Wejście Prześlij Object
- Wprowadzanie tekstu obiektu
- Wejście Czas obiektu
- Wejście URL obiektu
- Wejście Tydzień obiektu
Domyślne ustawienia CSS
Żaden.