JavaScript/Oggetto document: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m + moduli |
Nessun oggetto della modifica |
||
Riga 71:
== 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 <form> nella pagina (moduli HTML).
Line 96 ⟶ 97:
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 <form>, quali '''action''', '''encoding''', '''method''', '''name''' e '''target'''.
Presenta infine l'utile array <code>elements[]</code> che permette di accedere agli elementi del form:▼
=== I campi dei moduli ===
▲
<source lang=javascript>
document.dati.elements[0] //accede al primo elemento del form
Line 104 ⟶ 107:
</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><input></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><textarea></code>,
[[Categoria:JavaScript|Oggetto document]]
| |||