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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
formsChrome Full support 1Edge Full support 12Firefox Full support YesIE ? Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

Vedi anche

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: IsibisiDev, mdnwebdocs-bot, teoli, Federico
Ultima modifica di: IsibisiDev,