手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎样用DreamWeaver制作出更亮丽的电子邮件表单

时间:2024-10-13 03:04:57

1、第一步:插入表单,用“Insert”→“Form”命令或选择对象面板Objects上的“Forms”中的黄色,此时将弹出一个红色虚框,这就是Form表单的外围线,下面讲到的表单元素必须位于红色的虚线框里才起作用,再插入一个表格,至于表格的大小可自行控制。表格的应用是为了更方便控制页面的版式和效果。

怎样用DreamWeaver制作出更亮丽的电子邮件表单

2、第二步:将文字输入表格中,到此,前期的构架就大致搭好了!接下来就要开始制作提交内容需要使用的界面了。

怎样用DreamWeaver制作出更亮丽的电子邮件表单

3、第三步:插入表单元素,在“您的姓名”边上的单元格中插入一个文本框,用“Insert”→“Form Object”→“Text Field”命令或在面板上选择图标。同样在下面的“邮件地址”、“主页地址”边上和“您的建议”下面的单元格中也分别插入一个文本框。选中一个文本框。

怎样用DreamWeaver制作出更亮丽的电子邮件表单

4、第四步:在第七行的单元格里再插入一个边框Border=0的1行×2列的表格(用表格可以很方鲫蛏费犁便地控制元素的位置),然后在单元格中插入按钮,使用“Insert”——“Form Object”——“Button”命令或选择蓝色图标,选中按钮,看看属性面板的变化吧。其中“Button Name”为按钮的名称;“Lable”为按钮上显示的内容,如例子中的“发送”和“清除”;“Action”按钮的类型有三种:“Submit form”提交按钮和“Reset form”重置按钮、“None”普通按钮。在本例中用到了前两种即提交(发送)和重置(清除)按钮。

怎样用DreamWeaver制作出更亮丽的电子邮件表单

5、第五步:这是最关键的一步,单击表单周围的红色虚框。图中“Form Name”表示表单的名称;“Action”表示表单提交后将由哪个程序来处理,这儿填入你的E-mail地址,格式如:mailto:你的E-mail地址;“Method”表示提交方法,有“Post”和“Get”两种,默认为Post。

怎样用DreamWeaver制作出更亮丽的电子邮件表单
© 手抄报圈