HTML表单核心是语义化容器与数据传递协议：必须用<form>包裹，配置action（提交地址）和method（GET/POST），各控件需设name属性供后端识别，提交按钮须为type="submit"，且input、textarea等按语义选用并正确闭合。
零基础也能写出来，关键不是记住标签，而是理解每个表单控件要解决什么问题——用户想输什么、你打算怎么收。
怎么让浏览器知道这是个表单
所有表单内容必须包在 <form> 标签里，否则提交按钮没意义，数据也传不出去。它本身不显示，但它是“容器”和“协议发起者”。<form> 至少得有 action 和 method 两个属性：
-
action指明数据发给谁（比如"submit.php"或留空表示提交给自己） -
method指明怎么发（"get"会把数据拼在 URL 后，适合搜索；"post"更安全，适合登录、注册）
初学建议先用 method="get"，提交后能在地址栏直接看到参数，方便调试。
用户要填名字、邮箱、反馈，分别用什么标签
别记“输入框叫 input”，先看语义：名字是单行文本 → 用 <input type="text">；邮箱有格式校验需求 → 用 <input type="email">；反馈可能多行 → 用 <textarea>（不是 input）。重点：
立即学习“前端免费学习笔记（深入）”；
- 每个可输入的控件必须有
name属性，比如name="username"，后端靠这个名字取值 -
<input>是自闭合标签，写成<input type="text" name="email">就行，不用</input> -
<textarea>必须闭合，内容写在开始和结束标签之间：<textarea name="message">默认文字</textarea>
为什么点提交没反应？检查这三处
常见静默失败，往往不是代码写错，而是漏了关键连接点：
- 表单里没有
<input type="submit">或<button type="submit">—— 浏览器不知道“哪里是提交按钮” -
<input>控件缺name，提交后后端收不到这个字段（Chrome 开发者工具的 Network → Payload 里能看到实际发了哪些键值） - 用了
<button>但没写type="submit"，默认是type="button"，只触发 JS，不提交表单
一个最小可用示例：
<form action="" method="get"> <input type="text" name="username" placeholder="请输入姓名"> <input type="email" name="email" placeholder="请输入邮箱"> <textarea name="message" placeholder="请留言"></textarea> <input type="submit" value="发送"> </form>
后续扩展最容易卡住的地方
加样式、加验证、连后端，每一步都有隐藏依赖。比如：required 属性能让浏览器强制填，但不填时提示样式各浏览器不一致；用 type="email" 能拦住 aaa 这种明显错误，但拦不住 user@domain（缺后缀）；action 留空时，表单会提交到当前页面 URL，如果当前是本地文件（file:/// 协议），多数浏览器直接拒绝提交——这时必须起一个本地服务（如 Python 的 python -m http.server）才能真正测试提交逻辑。
