La proprietà di sola lettura forms dell'interfaccia Document restituisce una HTMLCollection che elenca tutti gli elementi <form> contenuti nel documento.
Note: Allo stesso modo, è possibile accedere a un elenco di elementi di input utente di un modulo utilizzando la proprietà HTMLFormElement.elements.
Sintassi
collection = document.forms;
Valore
Un oggetto HTMLCollection che elenca tutti i form del documento. Ogni elemento della collezione è un HTMLFormElement che rappresenta un singolo elemento <form>.
Se il documento non ha moduli, la raccolta restituita è vuota, con una lunghezza pari a zero.
Esempi
Ottenere informazioni sul modulo
<!DOCTYPE html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form id="robby"> <input type="button" onclick="alert(document.forms[0].id);" value="robby's form" /> </form> <form id="dave"> <input type="button" onclick="alert(document.forms[1].id);" value="dave's form" /> </form> <form id="paul"> <input type="button" onclick="alert(document.forms[2].id);" value="paul's form" /> </form> </body> </html>
Ottenere un elemento all'interno di un modulo
var selectForm = document.forms[index]; var selectFormElement = document.forms[index].elements[index];
Accesso al modulo con nome
<!DOCTYPE html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form name="login"> <input name="email" type="email"> <input name="password" type="password"> <button type="submit">Log in</button> </form> <script> var loginForm = document.forms.login; // Or document.forms['login'] loginForm.elements.email.placeholder = 'test@example.com'; loginForm.elements.password.placeholder = 'password'; </script> </body> </html>
Specifiche
| Specifica | Stato | Commento |
|---|---|---|
| HTML Living Standard The definition of 'Document.forms' in that specification. |
Living Standard | |
| Document Object Model (DOM) Level 2 HTML Specification The definition of 'Document.forms' in that specification. |
Obsolete | Definizione iniziale. |
Compatibilità con i browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
forms | Chrome Full support 1 | Edge Full support 12 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
Vedi anche
- HTML forms
<form>e l'interfacciaHTMLFormElement