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['hello']); console.log(document.forms['login']); 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中文網其他相關文章!