一个真正可用的html表单模板必须包含form、input（text/submit）、label三类基础控件；form需设action和method属性，input必带name，placeholder不等于value，提交按钮须为type="submit"，且每个input都应有对应label以保障可访问性。
一个能真正用起来的 HTML 模板，表单控件不是“越多越好”，而是必须包含能完成基础数据录入闭环的最小集合——form、input（含 type="text" 和 type="submit"）、label 这三类不可省略。
为什么 form 标签不能只写个空壳？
很多模板里 <form></form> 看似存在，但没设 action 或 method，实际提交时会刷新当前页或 404。更隐蔽的问题是：没加 name 属性的 input 在提交时根本不会发数据过去。
-
action必须指向真实可接收数据的地址（哪怕先写action="#"占位） -
method推荐显式写成method="post"，避免 GET 暴露敏感字段或超长 URL 截断 - 所有要提交的
input必须带name，比如<input type="text" name="username">，否则后端收不到
input type="text" 和 type="password" 的 placeholder 不等于 value
新手常把 placeholder="请输入密码" 当作默认值，结果一提交发现字段为空。placeholder 是提示文字，不参与数据传输；真正需要预填内容得用 value，但密码框慎用 value（明文风险）。
- 登录/注册模板中，用户名可设
value="admin"用于演示，但密码框绝不要写value -
placeholder文字在聚焦后自动消失，适合引导；value会一直显示，适合回显编辑场景 - 移动端下，
type="password"触发数字键盘的概率比type="text"高，别为“统一风格”强行改 type
提交按钮必须是 input type="submit" 或 button type="submit"
只写 <button>提交</button> 是无效的——它默认是 type="button"，点击毫无反应。表单内普通 button 不触发提交，除非显式声明 type="submit"。
- 推荐优先用
<input type="submit" value="登录">，兼容性最稳，连 IE8 都支持 - 如果需要自定义样式（比如加图标、换字体），再用
<button type="submit">登录</button> - 绝对不要用
<a href="#">提交</a>代替，它无法触发表单原生验证，也绕过novalidate控制逻辑
最容易被忽略的点：所有 input 都该有对应的 label，哪怕只是视觉隐藏。没有 label 的输入框，屏幕阅读器无法识别，移动端点击热区也变小——这不是“锦上添花”，是表单可用性的底线。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
