blob: 35ef7bcb5863b6645bbd824250a542dac02ddc51 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
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>
|
