Dreamweaver制作用户注册表单

Dreamweaver制作用户注册表单

 

在浏览各大论坛时,会发现有些内容是仅限会员观看的,那么如何利用Dreamweaver来制作用户注册的,具体操作步骤如下:

点击“插入”-“表单”-“表单”,在页面中一个表单域插入好了。点击“插入”-“表格”,弹出一个“表格”对话框,设置表格,参数如下图所示。

点击确定,这样表格插入好了。

选中第四行,在属性面板中点击,将2个单元格合并,效果如下图所示。

在第一列的三个单元格中输入文字,在属性面板中进行设置。 将光标放置在第一行第二列位置,点击“插入”-“表单”-“文本域”,弹出“输入标签辅助功能属性”对话框,如下图所示。

点击“确定”,插入文本域,在属性面板中设置文本域的名字为用户名,在“类型”中选中“单行”按钮,如下图所示。

同理,进行第二行第二列和第三行第二列的文本域插入,分别在属性面板中设置文本域的名字为密码和电邮。如下图所示。

选中三个文本域,将他们进行居中对齐操作,如下图所示。

选中第四行,点击“插入”-“表单”-“按钮”菜单项,弹出“输入标签辅助功能属性”对话框,点击“确定”,插入一个按钮,如下图所示。

选中按钮,在属性面板中将值改为“注册”,并将按钮进行居中对齐。同理插入“重置”按钮,如下图所示。

选中整个表单,打开行为面板,按快捷键“Shift+F4”,点击添加按钮,从弹出的菜单中选中“检查表单”选项,如下图所示。

弹出“检查表单”对话框,在“命名的栏位”列表中列出了当前页面中所有的表单对象,选择文本域的用户名。在“值”一栏中勾选“必需的”复选框,在“可接受”一栏中选中“任何东西”单选按钮,如下图所示。

同理设置文本域密码,这样用户名和密码都色织成必填项,电邮的设置只是,将“可接受”一栏选中“电子邮件地址”,完成后,点击“确定”按钮。 保存网页,这样一个用户注册就制作好了,效果如下图所示。

 

推荐阅读