Dreamweaver怎么制作用户注册表单

一、准备工作

1、 首先，打开Dreamweaver，并建立一个新的html文件；
2、 打开插入面板，点击Forms标签，在Form标签下，点击Form；
3、 接下来，在弹出的对话框中，设置表单的提交方式，以及提交的目标URL，点击OK；
4、 此时，在编辑窗口中，就可以看到刚刚插入的form标签，以及一个空的表单。

二、添加表单元素

1、 在插入面板中，点击Forms标签，点击Text Field，在弹出的对话框中，设置文本框的属性，点击OK，就可以在编辑窗口中看到一个文本框；
2、 同样的方式，可以添加其他表单元素，如下拉菜单、单选框、复选框、按钮等；
3、 还可以添加一些表单标签，如标题、段落文本等，用来提示用户输入内容，提示用户操作；
4、 添加完表单元素后，可以给表单元素添加ID，以便在后面的脚本中使用。

三、添加表单验证

1、 在插入面板中，点击Forms标签，点击Validate Form；
2、 在弹出的对话框中，设置表单的验证规则，点击OK；
3、 此时，在编辑窗口中，就可以看到添加的表单验证脚本；
4、 如果需要添加更多的验证规则，可以在编辑窗口中，手动添加验证脚本，代码如下：

if(document.form1.username.value == ""){
alert("用户名不能为空！");
document.form1.username.focus();
return false;
}
if(document.form1.password.value == ""){
alert("密码不能为空！");
document.form1.password.focus();
return false;
}

5、 如果需要添加更多的验证规则，可以继续添加，最后，保存文件，即可完成用户注册表单的制作。