Dreamweaver 的单制表单功能藏在“插入”面板的“表单”选项卡里。点一下“表单”按钮，单制代码里立刻多出一对 <form> 标签，单制编辑器会用红色虚线框把整个表单区域圈出来——这个视觉提示很直接，单制所有表单元素必须放在这个虚线框内，单制否则提交时数据根本不会发送到服务器。单制

我见过太多新手把输入框拖到虚线框外面，单制预览时填了内容点提交，单制结果后台什么也没收到。单制问题就出在这里：<form> 标签的单制 action 和 method 属性决定了数据往哪发、怎么发，单制元素不在它内部，单制自然不会被包含在提交数据里。单制

文本字段和文本区域，单制别搞混

“文本字段”按钮生成的单制是 <input type="text">，适合姓名、邮箱、电话这类单行信息。在属性面板里把“字符宽度”设为 30、“最多字符数”设为 50，意思是输入框显示 30 个字符宽，但最多能敲 50 个字符。这两个数字经常被混淆，其实一个管视觉宽度，一个管数据长度。

“文本区域”生成 <textarea>，多行输入，写留言、备注用它。属性面板里的“行数”和“列数”控制显示尺寸，但真正限制提交数据量的是 maxlength 属性——Dreamweaver 的属性面板里没有直接提供这个选项，得切到代码视图手动加。这个细节很多教程不讲，但实际项目里挺重要，不限制的话用户能往数据库里塞几万字。

单选按钮和复选框，命名规则是坑

单选按钮组用同一个 name 值才能实现互斥选择。Dreamweaver 插入第一个单选按钮时，属性面板里 name 默认是 radiobutton，插入第二个时还是 radiobutton——这恰好是对的。但如果手动改了其中一个的 name，两个按钮就能同时选中了。复选框则相反，每个复选框应该有不同的 name，或者用数组形式 name="hobby[]"，否则后台只能收到最后一个选中的值。

“单选按钮组”按钮比单个插入方便，弹窗里直接输入标签和值，Dreamweaver 自动生成一排 <input type="radio">，name 统一，value 按你填的来。但它的“布局使用”选项——换行符或表格——生成的 HTML 结构比较老旧，表格布局现在没人用了，选“换行符”然后自己用 CSS 控制间距更干净。

列表/菜单和跳转菜单

“列表/菜单”生成 <select>，属性面板里“类型”选“菜单”就是下拉，选“列表”就是展开的多行选择框。列表模式下按住 Ctrl 或 Shift 可以多选，但需要把“允许空”设成“否”并指定“高度”，否则显示效果很奇怪。

“跳转菜单”是个带 JavaScript 的下拉菜单，选中某项就跳转到对应 URL。Dreamweaver 自动生成 onchange 事件调用 MM_jumpMenu 函数。这个功能现在用得少，因为移动端对 onchange 的支持不太一致，而且跳转菜单的代码里混着 document.location 这类老写法，跟现代前端框架放一起容易冲突。

按钮和隐藏域

“按钮”有三种类型：提交、重置、普通。提交按钮触发 <form> 的 action，重置按钮清空所有字段——这个功能在长表单里挺危险，用户填了半小时不小心点到就全没了，我一般不用，或者加个 onclick="return confirm('确定清空？')" 拦一下。

隐藏域 <input type="hidden"> 不显示在页面上，但会随表单一起提交。常见用途是传用户 ID、页面来源、CSRF token。Dreamweaver 属性面板里可以设 name 和 value，但动态值得靠服务器端脚本输出，静态值写死在 HTML 里没太大意义。

Spry 验证组件，曾经的亮点

Dreamweaver CS6 及更早版本自带 Spry 表单验证，能给文本框加“验证电子邮件”“验证电话号码”等规则，前端直接拦截格式错误。生成的代码依赖 SpryValidationTextField.js 和对应的 CSS，文件体积不小，而且跟 jQuery 等库同时加载时偶尔冲突。现在更推荐用 HTML5 的 required、type="email"、pattern 属性，浏览器原生支持，零额外代码。Dreamweaver 属性面板里没直接提供这些 HTML5 属性的输入框，得手动在代码视图加。

表单做完后，按 F12 在浏览器预览，填一遍所有字段，打开开发者工具的 Network 面板看提交请求——Form Data 里应该列出所有 name 和对应的值。如果少了某个字段，回去检查它是不是在 <form> 虚线框外面，或者 name 属性是不是空着。这个排查方法比盯着 Dreamweaver 的设计视图猜靠谱得多。