应使用 element.value 获取用户输入的实时值，而非 getAttribute('value')；多选下拉框需用 selectedOptions 或遍历 options 获取全部选中值；checkbox/radio 用 checked 判断状态；表单批量操作优先使用 form.elements。
用 element.value 读当前值，别用 getAttribute('value')
绝大多数时候你想要的是用户刚输进去的内容，不是 HTML 里写的初始值。element.value 返回实时值，可读可写；getAttribute('value') 只返回原始 HTML 字符串，哪怕用户已删光输入框内容，它还是那个初始值。
常见错误现象：表单提交前校验发现邮箱字段为空，但 input.getAttribute('value') 却返回 "user@example.com" —— 因为那是写在 HTML 里的默认值，而用户实际没填。
- 文本框、密码框、
<textarea>、<select>都适用.value -
<select multiple>的.value只返回第一个选中项，不是全部（见下一条） - 对
<input type="hidden">，.value和getAttribute('value')表现一致，但习惯上仍用前者保持统一
<select multiple> 怎么拿全部选中值
select.value 在多选下拉框里不可靠，它只取 options[0].selected === true 的那个值，其余全忽略。必须靠 selectedOptions 或遍历 options。
现代浏览器（Chrome 65+、Firefox 61+、Safari 14.1+）支持 select.selectedOptions，简洁安全：
立即学习“前端免费学习笔记（深入）”；
const values = Array.from(select.selectedOptions).map(opt => opt.value);
兼容老浏览器（如 IE）时，得手动循环：
const values = Array.from(select.options) .filter(opt => opt.selected) .map(opt => opt.value);
- 别用
select.value.split(',')或类似字符串解析——value不是逗号分隔的列表 -
selectedOptions是只读的 HTMLCollection，不能直接 push 或 pop - 如果没选中任何项，
selectedOptions.length === 0，不会报错
checkbox 和 radio 要用 checked，不是 value
checkbox.value 和 radio.value 永远是 HTML 里写的那个字符串，和是否勾选完全无关。真正反映用户选择的是 checked 属性。
比如：<input type="checkbox" name="agree" value="yes">，即使没勾选，input.value 还是 "yes"；只有 input.checked === true 才表示用户点了它。
- 批量获取所有勾选项：
document.querySelectorAll('input[type="checkbox"]:checked')，然后遍历取.value - radio 组里，只有被选中的那个元素
.checked === true，其余都是false，但它们的.value全都存在且不变 - 设置勾选状态：
checkbox.checked = true，不是checkbox.value = "xxx"
form.elements 是批量操作最稳的方式
字段一多，一个个 getElementById 就容易漏、难维护。用 form.elements 可以按 HTML 声明顺序拿到所有带 name 的可提交控件（<input>、<select>、<textarea>），天然跳过 disabled 项。
示例：
const form = document.getElementById('myForm');
for (const el of form.elements) {
if (el.name && !el.disabled) {
console.log(el.name, el.value);
}
}
-
form.elements是HTMLFormControlsCollection，支持for...of、索引访问（form.elements[0]）、namedItem查找 - 没
name属性的控件（哪怕有id）不会出现在form.elements里 -
type="hidden"默认包含在内，如需过滤，加条件el.type !== 'hidden'
真正容易被忽略的点是：表单控件的“值”和“状态”是两回事——value 是数据，checked、selected、selectedIndex 是界面状态。混用就会拿到错的数据，尤其在动态赋值或校验时。
