Differenze tra le versioni di "JavaScript/Oggetto document"

nessun oggetto della modifica
m (+ moduli)
 
== Accedere ai moduli ==
{{vedi anche|HTML/Moduli}}
Per ultimo trattiamo, in quanto introduce un argomento piuttosto vasto, l'array <code>document.forms[]</code> che, come si potrà facilmente intuire, permette di accedere a tutti gli elementi &lt;form&gt; nella pagina (moduli HTML).
 
In questo modo il form si invia automaticamente quando l'utente sceglie un'opzione dal menu a discesa, senza l'utilizza del pulsante di invio.
 
L'oggetto presenta anche alcune proprietà corrispondenti agli attributi dell'oggetto HTML &lt;form&gt;, quali '''action''', '''encoding''', '''method''', '''name''' e '''target'''.<br/>
 
Presenta infine l'utile array <code>elements[]</code> che permette di accedere agli elementi del form:
=== I campi dei moduli ===
PresentaAnalizziamo infine, tra le proprietà dell'oggetto form, l'utile array <code>elements[]</code> che permette di accedere aglia tutti i elementicampi delcontenuti form:
<source lang=javascript>
document.dati.elements[0] //accede al primo elemento del form
</source>
 
L'oggetto restituito da questo array dipende dal tipo di oggetto a cui accede: potrà essere un campo di testo, un pulsante oppure una ''textarea''. Tuttavia tutti i campi condividono:
* una proprietà '''form''' che restituisce un rimando al form genitore;
* una proprietà '''value''' che permette di ottenere o impostare al valore del campo, in modo diverso a secondo dei singoli tipi di campo;
* la proprietà '''type''' che ne specifica il tipo
* due metodi '''focus()''' e '''blur()''' che rispettivamente attribuiscono e tolgono il ''focus'' dall'elemento
 
==== Caselle di testo ====
Questi elementi sono creati utilizzando il tag HTML <code>&lt;input&gt;</code> impostando l'attributo <code>type</code> ai valori ''text'', ''password'' o ''hidden'': la differenza è che il secondo mostra degli asterischi al posto dei caratteri reali e il terzo è invisibile, ma noi li tratteremo insieme in quanto condividono proprietà e metodi.
 
Questi tre tipi di moduli restituiscono come attributo '''type''' il valore rispettivamente ''text'', ''password'' e ''hidden''. Hanno poi due proprietà, '''size''' e '''maxlength''', che corrispondono ai rispettivi attributi HTML.
 
Per quanto riguarda i metodi, invece, presentano '''select()''', che seleziona l'intero testo contenuto nel campo (ovviamente non serve per i campi di testo nascosti).
 
==== Aree di testo ====
Le aree di testo sono create tramite l'utilizzo del tag <code>&lt;textarea&gt;</code>,
[[Categoria:JavaScript|Oggetto document]]
8 469

contributi