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: