用cursor可快速生成语义化、无障碍、响应式的表单页面：新建form.html，ai生成基础html+内联css；再通过cmd+k指令补全label关联、aria-required、type="email"等可访问性属性；最后用ai优化css布局或手动微调间距与按钮样式，支持可选javascript提交逻辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Cursor快速生成一个带输入框、下拉选择和提交按钮的标准表单页面，无需手动写HTML骨架或反复调试CSS样式。
创建新文件并初始化HTML结构
在Cursor左侧资源管理器右键 → 新建文件 → 输入 form.html → 回车确认。这一步必须命名为 .html 后缀，否则AI无法识别为网页上下文。
光标定位到空白文件中，输入：「请生成一个包含姓名、邮箱、性别（下拉）、同意条款（复选框）和提交按钮的响应式表单页面，使用原生HTML+内联CSS，不要JavaScript」→ 按 Cmd+K（Mac）或 Ctrl+K（Win）触发AI指令。
等待AI输出完整代码后，直接全选粘贴进 form.html 文件，保存。
用AI补全语义化标签与可访问性属性
选中整个 <form></form> 标签块（包括起始和结束标签），再次按 Cmd+K → 输入：「为每个表单控件添加正确的 label 标签、for 和 id 关联，并补充 aria-required="true" 到必填项」。
Agents 正在你的整个代码库中处理越来越复杂、运行时间更长的任务。本次版本引入了新的 agent 框架改进，以实现更好的上下文管理，并在编辑器和 CLI 中带来了许多提升使用体验的修复。
AI会返回修改后的代码片段。注意检查邮箱字段是否补上了 type="email" 和 required —— 如果没加，手动在 <input> 标签里插入这两个属性，否则浏览器不会校验邮箱格式。
这一步不能跳过。缺少 label 关联会导致屏幕阅读器无法读出字段用途，用户测试时会被判定为无障碍缺陷。
调整布局与间距
方法一：用AI重写CSS部分
选中所有 <style></style> 内的内容 → Cmd+K → 输入：「把表单改为垂直堆叠布局，每项上下留1rem间距，输入框宽度100%，提交按钮居中显示且有悬停背景色」。
方法二：手动微调关键值
找到 .form-group 类的 margin-bottom 值，改成 1.25rem；
找到按钮的 background-color，改成 #007bff；
【不要删掉 padding: 0.5rem 1rem】，否则按钮文字会紧贴边框，点击热区过小。
改完立刻在浏览器中刷新预览，观察字段对齐是否整齐、按钮是否可清晰识别。
添加基础提交逻辑（可选）
光标放在 下方空行，Cmd+K → 输入：「在表单底部加一段简短的JavaScript：阻止默认提交，获取姓名和邮箱值，用 alert 弹出『收到：姓名 + 邮箱』」。
AI生成的脚本会自动绑定到 form 的 submit 事件。复制粘贴后，确保 <script></script> 标签位于
