Opis

form służy do utworzenia formularza HTML do wprowadzania danych przez użytkownika.

Może zawierać jeden lub więcej następujących elementów formularza:

  • <input> (wejście)
  • <textarea> (obszar tekstowy)
  • <button> (przycisk)
  • <select> (pole wyboru)
  • <option> (opcje)
  • <optgroup> (grupa opcji)
  • <fieldset> (grupowanie, ramka z tytułem)
  • <label> (etykieta)
  • <output> (wyjście)

Przykład



Kod:
Atrybuty
Atrybut Wartość Opis
accept-charset character_set Określa kodowanie znaków, które mają być używane podczas przesyłania formularza. Wartością domyślną jest „UNKNOWN” (kodowanie jest takie same jak dokumentu zawierającego element <form>). W HTML5 lista musi być rozdzielona spacjami.
action URL Określa, gdzie podczas przesyłania wysłać dane formularza
autocomplete on
off		 Włączenie bądź wyłączenie autouzupełniania pól formularza zapamiętanych wcześniej przez przeglądarkę. Domyślnie - "on".
method get
post[*]		 Określa metodę HTTP używaną podczas wysyłania danych formularza
*enctype application/x-www-form-urlencoded [1]
multipart/form-data [2]
text/plain [3]		 Tylko dla method = „post” - Określa sposób kodowania danych formularza podczas przesyłania go na serwer.
1Wartość domyślna. Wszystkie znaki są kodowane przed wysłaniem (spacje są konwertowane na symbole „+”, a znaki specjalne są konwertowane na wartości HEX ASCII).
2Żadne znaki nie są kodowane. Ta wartość jest wymagana, gdy używasz formularzy, które mają kontrolę przesyłania plików
3Spacje są konwertowane na symbole „+”, ale żadne znaki specjalne nie są kodowane
name text Określa nazwę formularza. Służy do odwoływania się do elementów w JS lub do odwoływania się do danych formularza po jego przesłaniu.
novalidate novalidate Określa, że ​​formularz nie powinien być sprawdzany podczas przesyłania. Atrybut logiczny.
target _blank
_parent
_self
_top
framename		 Określa miejsce wyświetlania odpowiedzi otrzymanej po przesłaniu formularza: w nowym oknie lub karcie / w ramce nadrzędnej / w tej samej ramce / w całym oknie / w nazwanej ramce.

CSS (domyślne ustawienia) 
form {
  display: block;
  margin-top: 0em;
}
Info: