diff options
Diffstat (limited to 'files/it/web/api/htmlformelement/index.html')
| -rw-r--r-- | files/it/web/api/htmlformelement/index.html | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/files/it/web/api/htmlformelement/index.html b/files/it/web/api/htmlformelement/index.html new file mode 100644 index 0000000000..35ef7bcb58 --- /dev/null +++ b/files/it/web/api/htmlformelement/index.html @@ -0,0 +1,125 @@ +--- +title: form +slug: Web/API/HTMLFormElement +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/HTMLFormElement +--- +<p>{{ ApiRef() }}</p> +<h3 id="HTML_Form_Element_Interface" name="HTML_Form_Element_Interface">HTML Form Element Interface</h3> +<p>L'elemento <code>FORM</code> possiede tutte le proprietà e i metodi di qualunque <a href="it/DOM/element">element</a>, e inoltre ha un'interfaccia specializzata: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-40002357">HTMLFormElement</a>.</p> +<p>Questa interfaccia fornisce i metodi per creare e modificare gli elementi del <code>FORM</code>. L'esempio seguente mostra come creare un nuovo elemento form, modificare i suoi attributi e inviarlo.</p> +<pre>// Crea un form +var f = document.createElement("form"); + +// Lo aggiungere come ultimo nodo all'interno dell'elemento Body +document.body.appendChild(f); + +// Setta l'attributo action e l'attributo method +f.action = "/cgi-bin/some.cgi"; +f.method = "POST" + +// Invia il form tramite il metodo submit +f.submit(); +</pre> +<p>Il seguente esempio di pagina HTML mostra come estrarre informazioni da un form e come settare alcuni dei suoi attributi.</p> +<pre></html> +<head> +<title>Esempio di Form</title> +<script type="text/javascript"> + function getFormInfo() { + var info; + + // Ricava un riferimento al form usando la collezione di form disponibile in document + 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; + } + + // Un riferimento al form viene passato + // dall'attributo onclick del button usando 'this.form' + function setFormInfo(f) { + f.method = "GET"; + f.action = "/cgi-bin/evil_executable.cgi"; + f.name = "totally_new"; + } +</script> +</head> +<body> +<h1>Form example</h1> + +<form id="formA" + action="/cgi-bin/test" method="POST"> + <p>Clicca "Info" per vedere delle info sul form. + Cllica set per cambiare i settaggi,quindi di nuovo info per vedere l'effetto</p> + <p> + <input type="button" value="info" + onclick="getFormInfo();"> + <input type="button" value="set" + onclick="setFormInfo(this.form);"> + <input type="reset" value="reset"> + <br> + <textarea id="tex" style="height:15em; width:20em"> + </p> +</form> +</body> +</html> +</pre> +<h3 id="Propriet.C3.A0" name="Propriet.C3.A0">Proprietà </h3> +<dl> + <dt> + <a href="it/DOM/form.elements">form.elements</a></dt> + <dd> + Restituisce una collezione dei controlli contenuti form corrente.</dd> + <dt> + <a href="it/DOM/form.length">form.length</a></dt> + <dd> + Restituisce il numero di controlli contenuti nel form corrente.</dd> + <dt> + <a href="it/DOM/form.name">form.name</a></dt> + <dd> + Restituisce una stringa con con il valore dell'attributo name del form corrente.</dd> + <dt> + <a href="it/DOM/form.acceptCharset">form.acceptCharset</a></dt> + <dd> + Restituisce una lista dei set di caratteri supportati per il form corrente.</dd> + <dt> + <a href="it/DOM/form.action">form.action</a></dt> + <dd> + Restituisce/setta l'URI a cui verranno spediti i dati del form.</dd> + <dt> + <a href="it/DOM/form.enctype">form.enctype</a></dt> + <dd> + Restituisce/setta il tipo di contenuto che il form corrente invierà al server.</dd> + <dt> + <a href="it/DOM/form.method">form.method</a></dt> + <dd> + Restituisce/setta il metodo con cui inviare le informazioni al server.</dd> + <dt> + <a href="it/DOM/form.target">form.target</a></dt> + <dd> + Restituisce/setta il nome del frame in cui rendere la pagina di risposta del server.</dd> +</dl> +<h3 id="Metodi" name="Metodi">Metodi</h3> +<dl> + <dt> + <a href="it/DOM/form.submit">form.submit</a></dt> + <dd> + Invia il form.</dd> + <dt> + <a href="it/DOM/form.reset">form.reset</a></dt> + <dd> + Riporta il form al suo stato iniziale.</dd> +</dl> +<p>{{ languages( { "fr": "fr/DOM/form", "pl": "pl/DOM/form", "en": "en/DOM/form" } ) }}</p> |