当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX进阶教程(二十二)制作反馈表单(email发送)

Dreamweaver
网页设计赏析:易趣网店首页布局分析
Dreamweaver 8 新功能抢先预览
Dreamweaver 8中文版图文快报
分栏及回复的实现-Dreamweaver构建Blog
站点统计-Dreamweaver构建Blog
构建开发环境-Dreamweaver构建Blog
Dreamweaver 8 BETA2版新功能图文快报
站内搜索的实现-Dreamweaver构建BlogBLOG
数据库的设计和连接-Dreamweaver构建Blog
用户注册的实现-Dreamweaver构建Blog
构建Blog全程实录-Dreamweaver构建Blog
首页的实现-Dreamweaver构建Blog
管理员页面的实现-Dreamweaver构建Blog全程实录
巧用Dreamweaver制作复杂交换图像
Dreamweaver MX全新接触(上)
用Dreamweaver为网页图像添特效
用Dreamweaver描摹图像
寻找Dreamweaver鲜为人知的小秘诀
用Dreamweaver制作拖拽效果
用Dreamweaver进行网页优化

Dreamweaver MX进阶教程(二十二)制作反馈表单(email发送)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 29 ::
收藏到网摘: n/a

本文介绍制作客户反馈表单的过程。主要内容是使用表格设计表单结构和设置form参数。

1.将插入点放在希望表单出现的位置。选择“插入”>“表单”,或选择“插入”栏上的“表单”类别,然后单击“表单”图标。

2.将插入点放在红色的表单中,单击“插入”栏“常用”类别中的“表格”按钮。

3.在“插入表格对话框中,设置行数11,列数2。

4.在表格中,左边一列的单元格中输入文字,右边一列中插入“文本字段”。

5.选中右边一列中的“文本字段”,在属性面板上,为“文本字段”输入和左边一列单元格中相同的文字。

6.重复输入文字和插入“文本字段”,给文本字段命名。按住ctrl键,选中最下面一行的两列,合并单元格。

7.在最下面一列,插入两个“按钮”。

8.选中右边一个按钮,在属性面板上,动作选择为“重设表单”。

9.选中文档左下角“标签选择器”上的form标签,在属性面板上,动作中输入mailto:网站管理员的电子信箱地址,在方法中选择POST。

10.继续选中form标签,打开“标签检查器”面板,在enctype属性中,单击右边的下拉箭头,选择text/plain类型。

11.全选左边一列,居右对齐,选中最下面一列的单元格,居中对齐。为表格和表单设置css,定义表格和表单中的文字大小,客户反馈表单就做好了。反馈表单在使用Outlook Express的电脑上,使用email方式发送,接收到的是一些文本。

购货单位:
地址:
联系人:
联系电话
传真
邮编
电子信箱
网址
产品规格型号
备注: