Document.forms

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 AndroidFirefox 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 YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

Vedi anche