Najnowsze tutoriale tworzenie stron internetowych
 

HTML <form> Tag


Przykład

Formularz HTML z dwóch pól wejściowych i jeden przycisk Wyślij:

<form action="demo_form.asp" method="get">
  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 "

Więcej "Try it yourself" przykłady poniżej.


Definicja i Wykorzystanie

<form> znacznik jest używany do tworzenia formularzy HTML do wprowadzania danych przez użytkownika.

<form> element może zawierać jeden lub więcej z następujących elementów formy:


Pomoc Browser

Element
<form> tak tak tak tak tak

Różnice między HTML 4.01 i HTML5

HTML5 dodała dwa nowe atrybuty: autocomplete i novalidate i removed się accept atrybut.


Różnice między HTML i XHTML

W XHTML, The name atrybutu jest przestarzała. Użyj globalnego atrybutu id zamiast.


Atrybuty

= Nowe w HTML5.

Atrybut Wartość Opis
accept file_type Nie jest obsługiwany w HTML5.
Określa listę rozdzielonych przecinkami typów plików, które serwer akceptuje (które mogą być składane za pośrednictwem przesyłania plików)
accept-charset character_set Określa kodowanie znaków, które mają być wykorzystywane do przesyłania formularzy
action URL Określa gdzie wysłać form-data, gdy formularz jest składany
autocomplete on
off
Określa, czy dana forma powinna mieć autouzupełniania lub wyłączyć
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Określa, jak form-data powinny być kodowane przy składaniu go do serwera (tylko dla method="post" )
method get
post
Określa metodę HTTP do korzystania przy wysyłaniu form-data
name text Określa nazwę formularza
novalidate novalidate Określa, że ​​forma nie powinny być weryfikowane przy poddaniu
target _blank
_self
_parent
_top
Określa miejsce, aby wyświetlić odpowiedź, która jest odbierana po wysłaniu formularza

Atrybuty globalne

<form> tag obsługuje również globalne Atrybuty w HTML .


Atrybuty Event

<form> tag obsługuje również Event Atrybuty w HTML .


Spróbuj sam - przykłady

Formularz z wyboru
Formularz z dwóch pól, oraz przycisk submit.

Postać z radiobuttons
Formularz z dwóch przycisków radiowych i przycisk Prześlij.


Podobne strony

HTML Tutorial: Formularze HTML i wejściowe

Odniesienia HTML DOM: Rodzaj obiektu

CSS: Formy do stylizacji


Domyślne ustawienia CSS

Większość przeglądarek wyświetli <form> element z następujących wartości domyślnych:

Przykład

form {
    display: block;
    margin-top: 0em;
}
Spróbuj sam "