DreamWeaver中表单的使用和电子邮件表单的制作

　　先，看一下您将要做的电子邮件表单的最后界面，当然，这只是个简单的例子，旨在抛砖引玉而已，相信您将做得更加漂亮或设计得更加有条理。

　　接下来，就开始制作这个电子邮件表单：第一步：插入表单，用“Insert”――“Form”命令或选择对象面板Objects上的“Forms”中的黄色，此时将弹出一个红色虚框，这就是表单的外围，在下面讲到的表单元素必须位于红色的虚线框里才起作用。为了表单中的元素定位方便，再插入一个表格，至于表格的大小可自行控制，图中的表格是7行×2列的。 然后把第1、5、6和7这四行合并单元格。

　　第二步：将文字输入表格中，到此为止，准备工作已做好了。

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

　　参数的具体含义如下所示：“TextField”：文本框的名字，对于本例，可分别取名如“姓名”、“邮件地址”、“主页地址”和“意见”；“Char Width”：文本框显示在网页上的长度；“Max Chars”：最多能输入的字符长度；“Type”：共有三类，“Single line”表示单行文本，“Multi line”表示多行文本，“Password”表示密码框；“Init Val”：文本框中的初始值。

　　当您选中“Type”中的“Multi line”类型时，属性面板又有所变化了。和前面的面板相对比，“Char Width”被“Num Lines”代替，表示文本的行数。“Wrap”是多行文本的外观参数，四个选项，您能够分别试试。现在文本框都已做好，下面要做“发送”和“清除”按钮了。

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

　　第五步：这是最关键的一步，单击表单周围的红色虚框。图中“Form Name”表示表单的名称：“Action”表示表单提交后将由哪个程式来处理，这儿填入您的E-MAIL地址，格式如：mailto：您的E-MAIL地址：“Method”表示提交方法，有“Post”和“Get”两种，默认为Post.现在，您已做好了一个简单的电子邮件表单，当然在这个例子里只用了表单的一部分元素，其他的表单元素更有复选框，在页面上显示为；单选框，在页面上显示为。这两个在表单中也是经常用到的元素，有关的属性可在属性面板上看到，在一组中复选框能同时选取多个，而单选框一组只能选中一个，将多个复选框（或单选框）定义为一组的方法是：将这几个复选框（或单选框）取相同名字。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有