通过value属性可直接获取和设置表单元素值：input/textarea读写value；select单选读select.value，多选需遍历selectedOptions；checkbox/radio用checked控制状态，value仅用于提交值。
获取和设置表单输入框（如 <input>、<textarea>、<select>）的值，核心是通过 DOM 元素的 value 属性。它既可读也可写，是最直接、最常用的方式。
获取输入框的当前值
使用 element.value 读取用户输入或程序设置后的实时内容：
-
<input type="text">、<input type="password">、<input type="email">等：直接读value -
<textarea>：同样用value，不是innerHTML或textContent -
<select>单选：读selectElement.value，自动返回选中<option>的value属性值（无value时取文本） -
<select multiple>：需遍历selectElement.selectedOptions，再取每个的value
示例：
const input = document.getElementById('username');
console.log(input.value); // 获取文本框内容
const select = document.querySelector('select');
console.log(select.value); // 获取当前选中的 option 的 value
设置输入框的值
直接赋值给 value 属性即可更新显示内容，同时会清除用户之前的输入（除非你保留逻辑）：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
- 对
<input>和<textarea>：赋字符串即可 - 对
<select>：设为某个<option>的value字符串，浏览器自动选中对应项 - 对
<select multiple>：仅设value不生效；需手动操作options[i].selected
示例：
input.value = '张三'; // 填入文本框
const select = document.getElementById('city');
select.value = 'shanghai'; // 自动选中 value="shanghai" 的 option
注意 input 的 type 和 value 行为差异
不同 type 的 <input> 对 value 的解释不同：
-
type="checkbox"或"radio"：不靠value控制是否勾选，而用checked属性；value仅表示提交时发送的值 -
type="number"：设value = '123'可以，但设value = 123也行；读取时始终是字符串（如"123"），即使输入的是数字 -
type="date"：value格式固定为YYYY-MM-DD字符串，设错格式（如'2024/05/01'）会被忽略
避免常见误区
- 不要用
innerHTML或textContent操作输入框值——它们不生效，或只影响 placeholder/标签文字 - 动态创建的元素，确保在 DOM 加载完成（如
DOMContentLoaded）后再获取，否则可能取到null - 设置
value不会触发input或change事件，如需模拟用户输入，得手动dispatchEvent
