Formularze służą do pobierania informacji od użytkownika strony internetowej. Dzięki formularzom można stworzy filtry treści na stronie internetowej. Takie formularze możemy znaleźć chociażby w sklepach internetowych.
Formularz w HTML rozpoczyna znacznik <form>, a zamyka </form>. Pomiędzy tymi dwoma znacznikami umieszczamy elementy, które będzie wyświetlała przeglądarka. Tymi elementami mogą być: pola tekstowe, obszar tekstowy, przełączniki opcji, pola wyboru, listy rozwijane. Można te elementy ładnie pokazać i rozszerzyć ich możliwości dzięki na przykład jQuery.
Atrybuty znacznika <form>
|
atrybut |
wartości |
|
|
action |
ścieżka | mailto:adres_email?subject=temat |
Ścieżka do skryptu wykonywanego po stronie serwera, który obsłuży dane wysłane przez formularz. Może się tam również znaleźć adres email i tytuł maila. Jeżeli to nastąpi to przeglądarka. otworzy domyślnego klienta poczty i napisze maila. |
|
method |
post | get |
Metoda wysyłania danych. Domyślną wartością jest get, ale jest ona mniej bezpieczna. Metodą get nie należy wysyłać formularzy do logowania się na stronę, ponieważ informacje o naszym loginie i haśle będą widoczne w pasku adresu przeglądarki. |
|
enctype |
application/x-www-form-urlencoded multipart/form-data |
Ustala sposób kodowania przesyłanych danych domyślną wartością dla get i post jest application/x-www-form-urlencoded. Jeżeli będziemy chcieli wysyłać pliki na serwer to należy wpisać wartość multipart/form-data. Jesli jednak nie będziemy przesyłać plików to ten atrybut możemy pominąć. |
|
accept-charset |
charset |
Określa jakie kodowanie znaków będzie używane podczas wysyłania formularza. Domyślnie jest to kodowanie strony. |
|
autocomplete |
on | off |
Określa czy przeglądarka może samouzupełnić formularz. Wartość domyślna to on |
|
name |
|
Określa nazwę formularza to identyfikacji |
|
novalidate |
|
Informuje przeglądarkę, żeby nie sprawdzała formularza pod kątem ewentualnie wpisanych błędów, np.: tam gdzie ma być wpisana liczba jest wpisany znak. |
|
target |
|
Określa w jaki sposób ma się zachować przeglądarka po wysłaniu formularza (domyślna wartość _self) |