HTML表单本身不能在线运行，必须配合后端或JavaScript才能提交处理；纯HTML文件中action为空或错误、method为post时无服务端解析，均会导致点击无响应。
HTML 表单本身不能“在线运行”——它只是静态结构，必须配合后端（如 Node.js、PHP）或前端 JS 才能真正提交、验证、处理数据。纯 HTML 文件双击打开或丢进浏览器，<form> 会渲染出来，但点击提交后若没配 action 或后端服务，浏览器会报 404 或直接刷新空白页。
为什么表单点提交没反应？
这是最常卡住新手的地方：以为写完 <form> 就能“运行”。实际上：
-
action属性为空或写错路径（比如action="submit.php"但本地没这个 PHP 文件），浏览器会尝试请求该地址，失败就白屏或显示错误 -
method="post"时，纯 HTML 页面无法接收 POST 数据——没有服务端解析，浏览器只会发请求，收不到响应 - 用
method="get"能看到参数拼在 URL 后（如?username=abc&email=test%40ex.com），但这只是浏览器行为，不等于“处理成功”
<input type="text"> 和 <textarea> 怎么选？
单行文本（用户名、电话、邮箱）用 <input type="text">；多行内容（自我介绍、反馈意见）必须用 <textarea> ——<input> 不支持换行，即使加 maxlength 或 rows 也无效。
-
<input type="text" name="bio" maxlength="100">：最多输 100 字符，但不能回车 -
<textarea name="bio" rows="4" cols="50"></textarea>：支持换行、自动换行（CSS 控制）、可设最大长度需靠 JS 或后端校验 - 别用
<input type="text">模拟多行——用户按 Enter 会直接触发表单提交
本地测试时绕过后端的最快方法
想立刻看到输入内容，不用搭服务器，加几行 JS 就行：
立即学习“前端免费学习笔记（深入）”；
<form onsubmit="console.log(new FormData(this)); return false;"> <input type="text" name="username" placeholder="用户名" required> <input type="email" name="email" placeholder="邮箱"> <button type="submit">提交</button> </form>
-
onsubmit="..."拦截默认提交行为，return false阻止跳转 -
new FormData(this)把当前表单所有带name的字段打包成键值对，控制台直接看到输入内容 - 注意：
<input>必须有name属性，否则FormData里拿不到
真正上线时，action 必须指向真实接口；而本地调试阶段，JS 拦截 + 控制台查看是最轻量、最不易出错的验证方式。很多人卡在“为什么点不动”，其实问题不在表单写法，而在没意识到 HTML 本身不处理提交逻辑。
