Najnowsze tutoriale tworzenie stron internetowych
 

HTML <input> Tag


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
email
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:


Domyślne ustawienia CSS

Żaden.