HTML表单需同时满足三个条件才能提交：指定action（提交地址）、method（GET/POST）及至少一个带name的可提交控件；缺一不可，否则点击无反应。
怎么写一个能提交数据的 HTML 表单
表单不是写完 <form></form> 标签就自动工作的，关键在三个地方：必须有 action（告诉浏览器往哪发）、必须有 method（用 GET 还是 POST），且至少一个带 name 的可提交控件（比如 <input name="email">）。缺任意一个，点提交都没反应。
-
action值为空或"#"会导致页面刷新但不发请求——看着像提交了，其实什么都没出去 -
method="get"会把数据拼在 URL 后面，适合搜索类操作；method="post"才真正把数据放请求体里，登录、上传都得用它 - 按钮必须是
<button type="submit"></button>或<input type="submit">，type="button"不触发表单提交
input、select、textarea 这些元素怎么才能被提交
只有带 name 属性的控件才会被包含进提交数据。值是否为空不影响“是否提交”，只影响提交的内容是不是空字符串。
-
<input type="checkbox">和<input type="radio">必须设value，否则勾选了也只传一个空值 -
<select multiple></select>多选下拉框，没加multiple属性时，即使按住 Ctrl 选多个，也只提交第一个 -
<textarea></textarea>换行符在提交时会被保留，但前后空白（包括换行）会被浏览器自动 trim 掉，除非加wrap="hard"并配合服务端处理
为什么点提交没反应？常见静默失败原因
浏览器不会报错，但表单卡住不动，大概率是以下几种情况之一：
- 表单内有
<input type="file">但没设enctype="multipart/form-data"，文件字段直接被忽略，其他字段照常提交——你以为没反应，其实是部分失效 - 用了
event.preventDefault()却没手动调form.submit()，JS 拦截后又没补动作，等于按了空气 - 表单嵌套了另一个
<form></form>（HTML 标准禁止嵌套），外层表单会吞掉内层所有提交行为，控制台也不报错 -
name值含空格或特殊符号（如user name），部分老浏览器或后端框架会丢弃该字段
label 怎么绑定控件才真正起作用
绑定不只是为了样式对齐，核心是让点击文字也能聚焦/切换控件——这对触屏和无障碍访问至关重要。靠 for 和 id 匹配是最稳的方式。
立即学习“前端免费学习笔记（深入）”；
-
<label for="email">邮箱</label><input id="email" name="email">—— 点“邮箱”文字，光标立刻进输入框 - 不要用
<label><input>邮箱</label>这种包裹写法来绑复选框或单选框，某些安卓 WebView 里点击文字无法触发选中 -
for值必须和对应控件的id完全一致（大小写敏感），ID 重复会导致绑定随机失效
name 就等于不存在，id 和 for 不匹配就等于没写 label，而 enctype 错了，文件就永远传不过去。 
