<html>
<head>
</head>
<body id=\"body\">
<form method=\"GET\" action=\"\">
<input type=\"text\" value=\"123\" >
<input type=\"text\" value=\"456\" >
<input type=\"text\" value=\"789\" >
<input type=\"button\" value=\"Go\" =\"doIt()\">
</form>
< >
function doIt(){
var form = document.forms[0]; // 获取页面中第一个form表单
for (var i = 0; i < form.elements.length; i++){
console.log(form.elements[i].value);
}
}
</ >
</body>
</html>
本实例中的表单又四个元素，分别为3个text文本域和一个button。
document.forms[0]用于获取文档中的第一个表单（该页面只有一个表单），然后使用length获取表单的长度，再使用for遍历表单元素并获取每个元素的值。
你可以把代码复制到这个页面运行一下。
继续阅读与本文标签相同的文章
-
剧情反转？美企主动购买华为5G技术，华为成赞赏排行榜第一名！
2026-05-14栏目： 教程
-
城市数字化后，新一代内生安全系统可全方位保护
2026-05-14栏目： 教程
-
谷歌也来“唱衰”5G，5G手机只会徒增功耗？为何这么说？
2026-05-14栏目： 教程
-
量子信息和量子技术白皮书合肥宣言在中科大发布
2026-05-14栏目： 教程
-
微信悄悄更新一新功能，来看看！
2026-05-14栏目： 教程