如何在JavaScript中获取表单元素
时间:2021-04-23
来源:互联网
今天PHP爱好者为您带来在HTML中表单元素的使用是页面交互的关键所在,本文主要介绍了利用document.forms获取当前页面的表单。希望对大家有所帮助。
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="[email protected]"
<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>
以上就是如何在JavaScript中获取表单元素的详细内容,更多请关注php爱好者其它相关文章!
-
PHP serialized()函数详解 时间:2025-08-30
-
PHP sort()函数详解 时间:2025-08-30
-
PHP filesize()函数详解 时间:2025-08-30
-
Java HashMap entrySet()方法的定义和作用 时间:2025-08-30
-
简述Hibernate和Mybatis的差异及各自的优缺点 时间:2025-08-30
-
Hibernate框架详解(意义和作用、主要功能、用法) 时间:2025-08-30
今日更新
-
逆水寒手游凤城奇遇任务-奇遇妙手霓虹怎么触发
阅读:18
-
平板电脑能打电话吗 揭秘支持通话功能的平板电脑选购指南
阅读:18
-
平板电脑能打电话吗 一文告诉你哪些型号支持通话功能
阅读:18
-
异星探险家滑板怎么解锁-悬浮滑板获取方法
阅读:18
-
燕云十六声移动端止戈-普通人极速上无我第三篇
阅读:18
-
平板电脑无法连接wifi怎么办 快速解决方法大全
阅读:18
-
2024年平板电脑品牌推荐:高性价比选购指南及热门型号对比
阅读:18
-
下一站江湖2双修府怎么加入-双修府入门条件详解
阅读:18
-
忘川风华录玄局怎么过-零藏过玄局肉鸽精英难度四结局
阅读:18
-
胜利女神新的希望安克怎么获得-安克获取方法
阅读:18