Envoie le formulaire au complet, éléments, propriétés, valeurs... à la fonction. Noter qu'il n'est pas nécessaire de spécifier "form" ici car l'objet qui l'utilise est lui même le formulaire.

<input type="button" value="test" onClick="fonction(this.form)">

Envoie aussi le formulaire au complet à la fonction mais cette foi il faut préciser "form" pour indiquer au javascript d'envoyer non seulement le bouton mais le formulaire au complet.

<input name="prenom" type="text" onChange="fonction(this)">

Envoie seulement l'élément "prenom" à la fonction.

Cette dernière équivaut à faire:

<input name="prenom" type="text" onChange="fonction(document.monForm.prenom)">

De telle sorte que vous pouvez envoyer une propriété spécifique de l'élément

<input name="prenom" type="text" onChange="fonction(this.value)">

Récupéré dans une fonction, le paramètre représente en tout point un formulaire, un élément ou une propriété. C'est-à-dire que la variable qui récupère le paramètre se transformera en tableau s'il s'agit d'un formulaire, en chaîne de caractère s'il s'agit d'une valeur etc.

Exemple: Passer le formulaire par le formulaire

<script type="text/javascript" language="javascript">
<!--
function affiche_prenom(nForm) {
  alert(nForm.prenom.value);
}
-->
</script>
<form name="monForm" onSubmit="affiche_prenom(this)">
<input name="prenom" type="text">
<input type="button" name="affiche" value="Afficher">
</form>

Exemple: Passer le formulaire par un élément

<script type="text/javascript" language="javascript">
<!--
function affiche_prenom(nForm) {
  alert(nForm.prenom.value);
}
-->
</script>
<form name="monForm">
<input name="prenom" type="text">
<input type="button" name="affiche" value="Afficher" onClick="affiche_prenom(this.form)">
</form>

Exemple: Passer un élément par un élément

<script type="text/javascript" language="javascript">
<!--
function affiche_prenom(nElement) {
  alert(nElement.value);
}
-->
</script>
<form name="monForm">
<input name="prenom" type="text" onChange="affiche_prenom(this)">
</form>

Exemple: Passer la propriété d'un élément par un élément

<script type="text/javascript" language="javascript">
<!--
function affiche_prenom(nValeur) {
  alert(nValeur);
}
-->
</script>
<form name="monForm">
<input name="prenom" type="text" onChange="affiche_prenom(this.value)">
</form>

Le tableau ou "array" "form" et des éléments.
Puisque les formulaires et les éléments sont dans des tableaux, il est possible d'afficher tous les éléments formulaire d'un document sans même les connaître. Il suffit de savoir que la propriété "length" de l'objet from retourne le nombre de formulaires dans le document et que la propriété "length" de l'objet éléments du formulaire retourne le nombre d'éléments d'un formulaire. Avec cette valeur, vous pouvez faire une simple boucle qui affiche la propriété name de chaque formulaire et de chaque élément.

<script type="text/javascript" language="javascript">
<!--
Affiche_forms()

function Affiche_forms() {
  // Fonction qui affiche le nom de tous les formulaires
  // et de tous les les éléments d'un document HTML
  // Boucle tous les formulaire
  for (var i = 0; i < document.forms.length; i++) {

    // Affiche le nom ou la propriété name du formulaire i
    document.write(document.forms[i].name+"<br />");

    // Boucle tous les éléments du formulaire i
    for (var l = 0; l < document.forms[i].elements.length; l++) {

      // Affiche le nom ou la propriété name de l'élément l
      document.write("- "+document.forms[i].elements[l].name+"<br />");
    }
  }
}
// -->
</script>

Noter que l'objet "forms" prend un "s" ainsi que l'objet "elements".