initial commit

1 files changed, 143 insertions, 0 deletions

diff --git a/files/pl/web/api/htmlformelement/index.html b/files/pl/web/api/htmlformelement/index.html
new file mode 100644
index 0000000000..3c0d1ade95
--- /dev/null
+++ b/files/pl/web/api/htmlformelement/index.html
@@ -0,0 +1,143 @@
+---
+title: HTMLFormElement
+slug: Web/API/HTMLFormElement
+tags:
+  - DOM
+  - Dokumentacja_Gecko_DOM
+  - Gecko
+  - Wszystkie_kategorie
+translation_of: Web/API/HTMLFormElement
+---
+<p>{{ ApiRef() }}</p>
+
+<h3 id="Interfejs_elementu_HTML_FORM" name="Interfejs_elementu_HTML_FORM">Interfejs elementu HTML FORM</h3>
+
+<p>Elementy <code>FORM</code> mają wszystkie właściwości i metody innych elementów HTML, tak jak opisano w rozdziale o <a href="pl/DOM/element">elementach</a>. Jednocześnie mają one bardziej wyspecjalizowany interfejs <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-40002357">HTMLFormElement</a>.</p>
+
+<p>Interfejs ten dostarcza metod do tworzenia i modyfikacji elementów <code>FORM</code> przy użyciu DOM. Poniższy przykład przedstawia, jak utworzyć nowy formularz, zmienić jego atrybuty i wysłać go.</p>
+
+<pre>// Utwórz formularz
+var f = document.createElement("form");
+
+// Dodaj do zawartości dokumentu
+document.body.appendChild(f);
+
+// Ustaw atrybuty oznaczające akcję i metodę wysyłania
+f.action = "/cgi-bin/some.cgi";
+f.method = "POST"
+
+// Wyślij formularz
+f.submit();
+</pre>
+
+<p>Z kolei poniższy dokument HTML przedstawia jak wydobyć informacje z formularza i nadać mu pewne atrybuty.</p>
+
+<pre>&lt;title&gt;Przykład formularza&lt;/title&gt;
+&lt;script type="text/javascript"&gt;
+  function getFormInfo() {
+    var info;
+
+    // Znajdź referencję do formularza poprzez kolekcję forms
+    var f = document.forms["formA"];
+    info = "f.elements: " + f.elements + "\n"
+         + "f.length: " + f.length + "\n"
+         + "f.name: " + f.elements + "\n"
+         + "f.acceptCharset: " + f.acceptCharset + "\n"
+         + "f.action: " + f.action + "\n"
+         + "f.enctype: " + f.enctype + "\n"
+         + "f.encoding: " + f.encoding + "\n"
+         + "f.method: " + f.method + "\n"
+         + "f.target: " + f.target;
+    document.forms["formA"].elements['tex'].value = info;
+  }
+
+  // Referencja do formularza jest przekazywana z atrybutu
+  // onclick przycisku za pomocą 'this.form'
+  function setFormInfo(f) {
+    f.method = "GET";
+    f.action = "/cgi-bin/evil_executable.cgi";
+    f.name   = "totally_new";
+  }
+&lt;/script&gt;
+
+&lt;h1&gt;Przykład formularza&lt;/h1&gt;
+
+&lt;form name="formA" id="formA"
+ action="/cgi-bin/test" method="POST"&gt;
+ &lt;p&gt;Kliknij "info" by zobaczyć informację o formularzu,
+ "zmień" by zmienić ustawienia, a następnie ponownie "info"
+ by zobaczyć efekt zmian.&lt;/p&gt;
+ &lt;p&gt;
+  &lt;input type="button" value="info"
+   onclick="getFormInfo();"&gt;
+  &lt;input type="button" value="zmień"
+   onclick="setFormInfo(this.form);"&gt;
+  &lt;input type="reset" value="zresetuj"&gt;
+  &lt;br&gt;
+  &lt;textarea id="tex" style="height:15em; width:20em"&gt;
+ &lt;/p&gt;
+&lt;/form&gt;
+</pre>
+
+<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h3>
+
+<dl>
+ <dt><a href="pl/DOM/form.elements">form.elements</a></dt>
+ <dd>Zwraca kolekcję wszystkich kontrolek zawartych w elemencie <code>FORM</code>.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.length">form.length</a></dt>
+ <dd>Zwraca ilość kontrolek w elemencie <code>FORM</code>.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.name">form.name</a></dt>
+ <dd>Zwraca ciąg z nazwą bieżącego elementu <code>FORM</code>.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.acceptCharset">form.acceptCharset</a></dt>
+ <dd>Zwraca listę obsługiwanych przez formularz zestawów znaków.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.action">form.action</a></dt>
+ <dd>Pobiera/ustawia akcję dla elementu <code>FORM</code>.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.enctype">form.enctype</a></dt>
+ <dd>Pobiera/ustawia typ zawartości wysyłanej przez formularz.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.encoding">form.encoding</a></dt>
+ <dd>Pobiera/ustawia typ zawartości wysyłanej przez formularz.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.method">form.method</a></dt>
+ <dd>Pobiera/ustawia metodę HTTP używaną do wysłania formularza.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.target">form.target</a></dt>
+ <dd>Pobiera/ustawia okno docelowe akcji formularza (np. ramka, w której zostanie wyrenderowana zwrócona strona).</dd>
+</dl>
+
+<h3 id="Metody" name="Metody">Metody</h3>
+
+<dl>
+ <dt><a href="pl/DOM/form.submit">form.submit</a></dt>
+ <dd>Wysyła formularz</dd>
+</dl>
+
+<dl>
+ <dt><a href="pl/DOM/form.reset">form.reset</a></dt>
+ <dd>Przywraca formularz do jego stanu początkowego</dd>
+</dl>
+
+<div class="noinclude"> </div>
+
+<p>{{ languages( { "en": "en/DOM/form", "es": "es/DOM/form", "fr": "fr/DOM/form", "ja": "ja/DOM/form" } ) }}</p>