首頁 > web前端 > js教程 > 如何在JavaScript中取得表單元素

如何在JavaScript中取得表單元素

autoload
發布: 2021-04-07 15:36:59
原創
2654 人瀏覽過

如何在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>
登入後複製

##利用document.forms取得目前頁面的所有表單

  • #document.forms[0]取得目前頁面的第一個表單

  • 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板