initial commit

1 files changed, 252 insertions, 0 deletions

diff --git a/files/ca/web/html/element/form/index.html b/files/ca/web/html/element/form/index.html
new file mode 100644
index 0000000000..268e05bb2b
--- /dev/null
+++ b/files/ca/web/html/element/form/index.html
@@ -0,0 +1,252 @@
+---
+title: <form>
+slug: Web/HTML/Element/form
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Intermediate
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/form
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;form&gt;</code> representa una secció del document que conté controls interactius per presentar informació a un servidor web.</p>
+
+<p>És possible utilitzar les pseudo-classes CSS {{cssxref(':valid')}} i {{cssxref(':invalid')}} per aplicar estil a un element <code>&lt;form&gt;</code>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <span class="short_text" id="result_box" lang="ca"><span>però que</span> <span>no contingui</span> <span>elements</span></span> <code>&lt;form&gt;</code></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLFormElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("accept")}} {{HTMLVersionInline(4)}} {{obsolete_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista separada</span> <span>per comes</span> <span>dels tipus</span> <span>de contingut que</span> <span>admet el</span> <span>servidor</span></span> .
+ <div class="note"><strong>Nota d'ùs:</strong> Aquest atribut s'ha eliminat en HTML5 i ja no ha de ser utilitzat. En el seu lloc, utilitzeu l'atribut {{htmlattrxref("accept", "input")}} específic de l'element {{HTMLElement("input")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("accept-charset")}}</dt>
+ <dd>Una llista amb espais o delimitat per comes de codificació de caràcters que accepta el servidor. El navegador els utilitza en l'ordre en què apareixen. El valor per defecte, la cadena reservada "UNKNOWN", indica la mateixa codificació que la del document que conté l'element de formulari.<br>
+ En versions anteriors d'HTML, les diferents codificacions de caràcters podien estar delimitats per espais o comes. En HTML5, només es permeten espais com delimitadors.</dd>
+ <dt>{{htmlattrdef("action")}}</dt>
+ <dd>L'URI d'un programa que processa la informació del formulari. Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formaction", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</dd>
+ <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard utilitzat per iOS Safari mòbil el qual  controla si i com el valor de text per als descendents d'un control de formulari de text es pot possar en majúscula automàticament a mesura que s'introdueix /s'edita per l'usuari. Si l'atribut <code>autocapitalize</code> s'especifica en un control de formulari individual descendent, <code>autocapitalize</code> es sobreposa a la configuració de tot el formulari . Els valors no en desús estan disponibles en  a IOS 5 i posteriors. El valor per defecte és <code>sentences</code>. Els valors possibles són::
+ <ul>
+  <li><code>none</code>: Deshabilitar completament l'establiment automàtic de majúscules</li>
+  <li><code>sentences</code>: Posa automàticament en majúscula la primera lletra d'una oració.</li>
+  <li><code>words</code>: Posa automàticament en majúscula la primera lletra de les paraules.</li>
+  <li><code>characters</code>: Posa automàticament en majúscula tots els caràcters.</li>
+  <li><code>on</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+  <li><code>off</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Indica si els elements d'entrada per defecte poden tenir els seus valors emplenats automàticament pel navegador. Aquest ajust es pot reemplaçar per un atribut <code>autocomplete</code> en un element que pertany al formulari. Els valors possibles són::
+ <ul>
+  <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en cada camp per a cada ús, o el document proporciona el seu propi mètode d'auto-completar; el navegador no completa automàticament les entrades</li>
+  <li><code>on</code>: El navegador pot completar automàticament els valors en base als valors que l'usuari ha introduït prèviament en la formulari..</li>
+ </ul>
+ Per a navegadors més moderns (incloent Firefox 38+, Google Chrome 34+, 11+ IE) establir l'atribut autocomplete no impedeix que l'administrador de contrasenyes d'un navegador demani a l'usuari si desitja emmagatzemar els camps d 'accés (nom d'usuari i contrasenya), si l'usuari permet emmagatzemar, el navegador s'encarregarà d'autocompletar la propera vegada l'inici de la sessió de la pàgina que visita l'usuari. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">L'atribut autocomplete i els camps d'inici de sessió</a>.</dd>
+ <dd>
+ <div class="note">
+ <p><strong>Nota: </strong>Si <code>autocomplete</code> s'estableix en <code>off</code> en una formulari perquè el document proporciona el seu pròpi auto-completat, llavors també hauria d'establir <code>autocomplete</code> a <code>off</code> per a cada un dels elements d'entrada del formulari que el document és capaç de auto-completar. Per a més detalls, vegeu les <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/form$translate#Google_Chrome_notes">notes de Google Chrome</a>.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("enctype")}}</dt>
+ <dd>Quan el valor de l'atribut <code>method</code> és <code>post</code>, enctype és el <a href="http://en.wikipedia.org/wiki/Mime_type">tipus MIME</a> del contingut que s'utilitza per enviar el formulari al servidor. Els valors possibles són:
+ <ul>
+  <li><code>application/x-www-form-urlencoded</code>: <span class="short_text" id="result_box" lang="ca"><span>El valor</span> <span>per defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li>
+  <li><code>multipart/form-data</code>: El valor que s'utilitza per a un element {{HTMLElement("input")}} amb l'atribut <code>type</code> definit com "file".</li>
+  <li><code>text/plain (HTML5)</code></li>
+ </ul>
+
+ <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formenctype", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p>
+ </dd>
+ <dt>{{htmlattrdef("method")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El mètode</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP">HTTP</a> <span>que el navegador</span> <span>utilitza</span> <span>per enviar el</span> <span>formulari.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>post</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5">mètode POST</a> HTTP; les dades del formulari s'inclouen en el cos del formulari i s'envien al servidor.</li>
+  <li><code>get</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3">mètode GET</a> HTTP; les dades del formulari s'annexen a l'acció de l'atribut URI amb un '?' com a separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté únicament caràcters ASCII.</li>
+ </ul>
+
+ <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formmethod", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p>
+ </dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>El nom del formulari. En HTML 4, el seu ús està obsolet (utilitzar en el seu lloc <code>id</code>). Ha de ser únic entre els formularis d'un document i no només una cadena buida en HTML 5.</dd>
+ <dt>{{htmlattrdef("novalidate")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut booleà indica que el formulari no ha de ser validat quan es presenti. Si aquest atribut no s'especifica  (el formulari es validat), aquesta configuració per defecte pot canviar-se per l'atribut {{htmlattrxref("formnovalidate", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}} que pertanyi al formulari.</dd>
+ <dt>{{htmlattrdef("target")}}</dt>
+ <dd>Un nom o una paraula clau que indica on s'ha de mostrar la resposta que es rep després d'enviar el formulari. En HTML 4, és el nom/paraula clau per a un marc. En HTML5, és un nom/paraula clau per a un <em>context de navegació</em> (per exemple, pestanya, finestra o marc en línia). Les següents paraules clau tenen un significat especial:
+ <ul>
+  <li><code>_self</code>: Càrrega la resposta en el mateix marc HTML 4 (o HTML5 contexte de navegació ) com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li>
+  <li><code>_blank</code>: Carregar la resposta en una nova finestra sense nom en HTML 4 o en el context de navegació HTML5.</li>
+  <li><code>_parent</code>: Carregar la resposta en el conjunt de marcs del pare del marc actual en HTML 4 , o HTML5 en el context de navegació dels pares de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><code>_top</code>: HTML 4: Carregar la resposta sencera a la finestra original, i cancel·lar tots els altres marcs. HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><em>iframename</em>: <span id="result_box" lang="ca"><span>La resposta</span> <span>es</span> <span>mostra en un</span> <span>anomenat</span></span> {{HTMLElement("iframe")}}.</li>
+ </ul>
+
+ <p>HTML5: Aquest valor pot ser reemplaçat per l' atribut {{htmlattrxref("formtarget", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}</p>
+ </dd>
+</dl>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;!-- Simple form which will send a GET request --&gt;
+&lt;form action=""&gt;
+  &lt;label for="GET-name"&gt;Name:&lt;/label&gt;
+  &lt;input id="GET-name" type="text"&gt;
+  &lt;input type="submit" value="Save"&gt;
+&lt;/form&gt;
+
+&lt;!-- Simple form which will send a POST request --&gt;
+&lt;form action="" method="post"&gt;
+  &lt;label for="POST-name"&gt;Name:&lt;/label&gt;
+  &lt;input id="POST-name" type="text"&gt;
+  &lt;input type="submit" value="Save"&gt;
+&lt;/form&gt;
+
+&lt;!-- Form with fieldset, legend, and label --&gt;
+&lt;form action="" method="post"&gt;
+  &lt;fieldset&gt;
+    &lt;legend&gt;Title&lt;/legend&gt;
+    &lt;input type="radio" id="radio"&gt; &lt;label for="radio"&gt;Click me&lt;/label&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;
+</pre>
+
+<p>{{ EmbedLiveSample('Examples', '100%', 110) }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-form-element', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-form-element', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.3', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>novalidate</code></td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>novalidate</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a id="Google_Chrome_notes" name="Google_Chrome_notes"></a>[1] En la interfície d'Usuari de Google Chrome la sol·licitud per autocompletar varia depenent de si <code>autocomplete</code> s'estableix en <code>off</code> en elements d'entrada, així com el seu formulari. Concretament, quan una formulari té <code>autocomplete</code> en <code>off</code> i el camp d'<code>autocomplete</code> del seu element d'entrada no està definit, llavors si l'usuari demana suggeriments d'autocompletar per a l'element d'entrada, Chrome és possible que mostri un missatge que digui "autocomplete s'ha desactivat per a aquest formulari". D'altra banda, si el formulari i l'element d'entrada tenen <code>autocomplete</code> en <code>off</code>, el navegador no mostrarà aquest missatge. Per aquesta raó, s'ha d'establir <code>autocomplete</code> en <code>off</code> per a cada entrada que té el autocompletat personalitzat.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Forms">Guia de formularis HTML</a></li>
+ <li>Altres elements utilitzats per la creació de formularis: {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.</li>
+</ul>