JavaScriptでフォーム要素を取得する方法-jsチュートリアル-php.cn

JavaScriptでフォーム要素を取得する方法

autoload

リリース： 2021-04-07 15:36:59

オリジナル

2594 人が閲覧しました

JavaScriptでフォーム要素を取得する方法

#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>

ログイン後にコピー

#Utilize

#document.forms現在のページのすべてのフォームを取得##document.forms[0]

現在のページの最初のフォームを取得ページ A フォーム

document.forms['hello']
フォームの name 属性を通じてフォームを取得します
#document.forms['login']
フォームの id 属性を通じてフォームを取得します

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

ログイン後にコピー

推奨: "
 2021年js面接の一問一答（大まとめ） 
》以上がJavaScriptでフォーム要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JavaScriptでフォーム要素を取得する方法