电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
[组图]Dreamweaver轻松制作网页反馈表单
Dreamweaver轻松制作网页反馈表单
2009-10-17 11:48:35  文/计世网   出处:计世网   

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

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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver

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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver



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

  

Dreamweaver



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

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    为什么浏览不了dreamweaver中ASP文件…
    小技巧 Dreamweaver批量制作web网页
    利用TracingImage定位元素位置
    通过dreamweaver学习css的方法
    讲解Dreamweaver使用CSS样式设置网页
    网页设计之关于快速编辑的工具:Drea…
    Dreamweaver 8制作网页常用的过度效…
    Dreamweaver源代码视图中按空格代码…
    解决DW8中CSS应用无效问题
    在Dreamweaver8.0.2中为插入的Flash…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号