Maison >interface Web >js tutoriel >Comment obtenir des éléments de formulaire en JavaScript

Comment obtenir des éléments de formulaire en JavaScript

autoload
autoloadoriginal
2021-04-07 15:36:592673parcourir

Comment obtenir des éléments de formulaire en JavaScript

Formulaires en HTML :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" name="hello" id="login">
              <input type="text" placeholder="demo@email.com"
              <button>提交</button>
    </form>
</body>
</html>

Utiliser document.formsObtenir tous les formulaires de la page actuelle

  • document.forms[0]Obtenir le premier formulaire de la page actuelle

  • document.forms['hello']Obtenez le formulaire via l'attribut name du formulaire

  • document.forms['login']Obtenez le formulaire via l'attribut id du formulaire

    <script>
 //form
          console.log(document.forms);
 //  <form action="" name="hello" id="login">
          console.log(document.forms[0]);
          console.log(document.forms[&#39;hello&#39;]);
          console.log(document.forms[&#39;login&#39;]);
           
          console.log(document.forms.item(0));
          console.log(document.forms.item("hello"));
          console.log(document.forms.item("login"));
  //推荐 id
          console.log(document.forms.namedItem("login"));
          console.log(document.forms.hello);
          console.log(document.forms.login);

    </script>

Recommandé : "Questions et réponses de l'entretien js 2021 (grand résumé)"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn