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, 0 insertions, 125 deletions
diff --git a/files/it/web/api/htmlformelement/index.html b/files/it/web/api/htmlformelement/index.html deleted file mode 100644 index 35ef7bcb58..0000000000 --- a/files/it/web/api/htmlformelement/index.html +++ /dev/null @@ -1,125 +0,0 @@ ---- -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> |