alert() 不能获取用户输入，因其仅为单向通知机制，无输入框且返回值恒为 undefined；prompt() 才能获取文本输入，但仅适用于极简场景；正式数据收集应使用语义化表单。
alert() 不能获取用户输入，这是它和 prompt() 的根本区别。 如果你看到弹出框里有输入框并期望拿到值，那一定用错了函数——该用 prompt()，而不是 alert()。
为什么 alert() 拿不到任何输入值
alert() 是单向通知机制：只显示消息、阻塞页面、等待用户点“确定”。它没有输入区域，返回值恒为 undefined，调用后无法提取任何用户数据。
- 常见误用：
const input = alert('请输入密码');→input始终是undefined - 它不产生 DOM 元素，无法用
querySelector或事件监听去抓取内容 - 浏览器原生实现，不可扩展、不可定制输入行为
prompt() 是唯一能直接获取简单文本输入的原生方法
prompt() 会弹出带输入框的对话框，用户输入后点击“确定”返回字符串，点“取消”或直接关闭则返回 null。它适合极简场景，比如调试、临时配置、内部工具入口。
- 基本用法：
const name = prompt('请输入姓名', '默认值'); - 必须检查返回值是否为
null，否则.trim()或.length会报错 - 移动端兼容性差：iOS Safari 可能截断长输入，Android 部分 WebView 不支持 placeholder
- 无法设置输入类型（如
type="email"）、无法添加验证、不能阻止空提交
真正需要收集结构化用户输入时，别用 prompt()
表单才是标准路径。用 + 带 name 的控件，配合 submit 事件监听，才能可靠获取多字段、带类型、可校验的数据。
- 错误思路：用
prompt()模拟登录框 → 用户无法粘贴密码、看不到输入内容、无回车提交、无障碍支持差 - 正确做法：写一个
和，用form.addEventListener('submit', e => { e.preventDefault(); const data = new FormData(e.target); }) -
FormData自动过滤掉没name的控件、disabled项，且天然支持file、checkbox、radio等复杂类型 - 如果只是想“弹出来”，用 CSS + JavaScript 实现模态框，而非依赖原生
prompt()
原生弹窗的输入能力极其有限；prompt() 是个历史遗留接口，现代项目中应视为调试辅助，而非正式数据收集手段。真要收用户输入， 的结构、语义和可扩展性，远比弹窗函数靠谱得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
