Informatique


Les formulaires

Aller à

L'objet form

Comment accéder à un objet form.

Démo
<h2>Un bien beau formulaire</h2>	

<div>
	<form id=f1 action=# method=post name=mbformu>
		Nom: <input id=i0 type=text name=nom> <span id=a0 class=aide></span>	<br>
		Prénom: <input id=i1 type=text name=preno> <span id=a1 class=aide></span>	<br>
		Mot de passe: <input id=i2 type=password name=pass> <span id=a2 class=aide></span>	<br>
		<input type=submit value=envoyer>
	</form>
</div>
<script>
var monf1=document.getElementById("f1");
var monf2=document.forms[0];
var monf3=document.forms["mbformu"];
var monf4=document.mbformu;
console.log(monf1,monf2,monf3,monf4);
</script>
L'accès à l'objet form peut se faire de 4 façons différentes:
  • par recherche sur l'id du formulaire
  • avec l'indice 0 du tableau forms
  • avec l'indice associatif du tableau forms
  • directement avec le name du formulaire

Les 4 façons peuvent bien sûr être utilisées, mais la façon document.nomFormulaire est la plus facile et la plus compacte.