element.value 表单值

最后更新:2026-09-09

element.value 表单值

value 属性获取或设置表单元素(input/select/textarea)的当前值。

分类DOM 操作
ES 版本DOM

📝 语法

const 值 = 输入框.value;

返回值:表单元素的值(字符串)。

是否修改原值:是(原地修改)

▶ 示例

编辑下方代码,点击运行,在输出面板查看结果:

运行结果:

(当前值)
💡 提示 获取用户输入前先 trim()——尾随空格会造成校验失败。
ℹ️ info checkbox 用 checked 属性而不是 value——checked 是布尔值。

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.value v1 v12 v1 v1 v1
所有现代浏览器均支持
更多实战案例即将上线,敬请期待。

📚 相关教程

❓ 常见问题

Qvalue 和 textContent 的区别?
Avalue 用于表单元素(input/select/textarea);textContent 用于普通元素。
Qcheckbox 的值怎么获取?
A用 checkbox.checked(布尔值)而不是 checkbox.value。
Qvalue 能设置 select 的选中项吗?
A能——select.value = 'option值' 会选中匹配的 option。
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏