可用document.getelementsbytagname("input")获取所有input元素，但返回htmlcollection需转数组才能用foreach等方法；推荐array.from()转换，或用queryselectorall实现更灵活的选择。
可以用 document.getElementsByTagName("input") 获取页面中所有 <input> 元素，但要注意它返回的是 HTMLCollection，不是数组，不能直接用 forEach 等数组方法。
获取所有 input 元素
最基础的写法：
const inputs = document.getElementsByTagName("input");
这会选中所有 <input type="text">、<input type="password">、<input type="checkbox">、<input type="radio">、<input type="hidden"> 等，但不包括 <textarea></textarea> 和 <select></select> —— 它们需要单独用 getElementsByTagName("textarea") 或 getElementsByTagName("select") 获取。
转换为数组以便操作
因为 getElementsByTagName 返回的是类数组对象（HTMLCollection），常用转换方式有：
-
Array.from(inputs)—— 推荐，语义清晰，兼容性好（IE 不支持，现代浏览器都行） -
[...inputs]—— 展开运算符，简洁，同样需现代浏览器 -
Array.prototype.slice.call(inputs)—— 兼容老版本 IE，略冗长
转换后就能用 forEach、filter、map 等方法了。例如遍历所有输入框并打印其类型：
Array.from(inputs).forEach(input => {
console.log(input.type);
});
只获取特定类型的输入框（如文本框）
如果只想拿 type="text"、type="email"、type="search" 这类可编辑文本框，可以结合过滤：
const textInputs = Array.from(document.getElementsByTagName("input"))
.filter(input => ["text", "email", "search", "tel", "url", "password"].includes(input.type));
注意：input.type 的值是浏览器解析后的结果，比如 <input type="foo"> 在不识别时会回退为 "text"，所以过滤更稳妥的方式是检查 input.getAttribute("type")，但多数场景用 input.type 就够了。
替代方案：用 querySelectorAll 更灵活
如果目标明确（比如只要文本类输入框），推荐用 querySelectorAll，它直接返回静态 NodeList，且支持复杂选择器：
document.querySelectorAll("input[type='text']")document.querySelectorAll("input:not([type='hidden']):not([type='checkbox'])")-
document.querySelectorAll("input, textarea, select")—— 一次性获取所有表单控件
语法更直观，也更容易精准控制范围，尤其适合现代项目。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
