obtenir tous les éléments d'un formulaire particulier

Question

function getInputElements() {
    var inputs = document.getElementsByTagName("input");
}

Le code ci-dessus récupère tous les input sur une page qui comporte plus d'un formulaire. Comment puis-je obtenir le input des éléments d'un formulaire particulier en utilisant simplement JavaScript ?

Answer 1

document.getElementById("someFormId").elements;

Cette collection contiendra également <select> , <textarea> y <button> éléments ( entre autres ), mais c'est probablement ce que vous voulez.

Answer 2

document.forms["form_name"].getElementsByTagName("input");

Answer 3

Vous vous concentrez tous sur le mot "obtenir" dans la question. Essayez la propriété "elements" de n'importe quel formulaire qui est une collection que vous pouvez parcourir par itération, c'est-à-dire que vous écrivez votre propre fonction "get".

Exemple :

function getFormElelemets(formName){
  var elements = document.forms[formName].elements;
  for (i=0; i<elements.length; i++){
    some code...
  }
}

J'espère que cela vous aidera.

Answer 4

Il est également possible de l'utiliser :

var user_name    = document.forms[0].elements[0];
var user_email   = document.forms[0].elements[1];
var user_message = document.forms[0].elements[2];

Tous les éléments des formulaires sont stockés dans un tableau par Javascript. Celui-ci prend les éléments du premier formulaire et stocke chaque valeur dans une variable unique.

Answer 5

var inputs = document.getElementById("formId").getElementsByTagName("input");
var inputs = document.forms[1].getElementsByTagName("input");

Mise à jour pour 2020 :

var inputs = document.querySelectorAll("#formId input");