suchen

Heim >Web-Frontend >js-Tutorial >So erhalten Sie Formularelemente in JavaScript

So erhalten Sie Formularelemente in JavaScript

autoload
autoloadOriginal
2021-04-07 15:36:592673Durchsuche

So erhalten Sie Formularelemente in JavaScript

Formulare in 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>

Verwenden Sie document.forms, um alle Formulare der aktuellen Seite abzurufendocument.forms获取当前页面的所有表单

  • document.forms[0]获取当前页面的第一个表单

  • document.forms['hello']通过表单的name属性获取表单

  • document.forms['login']

    • document.forms[0]Erstes Formular der aktuellen Seite abrufen

  • document.forms['hello'] code >Holen Sie sich das Formular über das Namensattribut des Formulars🎜
  • 🎜document.forms['login'] Holen Sie sich das Formular über das ID-Attribut des Formulars🎜🎜🎜🎜
        <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>
    🎜 Empfohlen: „🎜Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)🎜》🎜

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Formularelemente in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So konvertieren Sie ein Objekt in Javascript in einen StringNächster Artikel：So konvertieren Sie ein Objekt in Javascript in einen String

In Verbindung stehende Artikel

Mehr sehen