网页制作插入表单.ppt

《网页制作插入表单.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、5插入表单表单的作用什么是表单表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象，在Internet中表单被广泛应用于各种信息的搜集与反馈。表单工作过程单的工作可以分成两个部分，一是具体在网页上制作必需的表单项目，这一部分称为前端，主要是在Dreamweaver或者其他网页制作软件中进行；另一部分是编制如何处理这些信息的程序，这一部分称为后端，主要是用具体的解释或编译程序制作（如ASP，PHP、JSP等）。本课程解决前端的操作，即表单的设计与制作。插入表单插入表单通过菜单命令单击“表单”子面板中的“表单”按钮表单属性表单名称是表单在网页中的标识，服务器端程序处理表单数

2、据时会用到。动作设定处理表单的脚本程序的位置。如果没有使用脚本程序的条件，同时处理表单的任务又不是非常繁重，可以采用将浏览者提交的表单发至自己的邮箱的办法。这时只需在“动作”中填写mailto:自己邮箱地址。方法选择表单提交给服务器的方法，一般采用POST。POST：表单信息将以文件的形式提交，对信息长度没有限制。GET：表单信息附加在URL地址的后面提交到服务器，受URL长度限制，不能传送大表单。默认：默认的方式为GET。目标与超级连接相同。MIME类型指定对提交给服务器进行数据处理的数据使用MIME编码类型默认设置application/x-www-form-urlenc

3、oded，通常与POST方法协同使用；如果要创建文件上传域，请指定为multipart/form-data类型。插入文本域插入单行文本框“字符宽度”设置文本框的宽度。“最大字符数”设置文本框内所能填写的最多的字符数。“初始值”为浏览者打开表单网页时直接显示在单行文本框中的文字，也可以不做设置。插入密码框选中文本字段的“密码”类型，文本字段变为密码框，密码框的字符以“*”显示插入多行文本域“换行”设置是否采用自动换行的方式。默认：用户在多行文本框中填写的内容如果超过了右边界自动换行。关：用户填写的内容不会自动换行。虚拟：用户填写的内容如果超过了右边界，将自动另起一行，如果超过了

4、下边界，在垂直方向上会出现垂直滚动条；但在用户提交给程序处理的文件中，该文本字段的内容将不会换行。实体：用户添加在多行文本框中的内容会自动换行，同时提交给程序处理的文件中该文本字段的内容也会换行。插入隐藏域隐藏域一般在网页中不出现，它只是将一些必要的信息提供给服务器。每个隐藏域提交其值给服务器插入按钮插入普通按钮“按钮名称”下方文本框为按钮命名。“标签”中设置按钮上面显示的文本，可以使用汉字。“动作”中设置在选择本按钮时发生的事件：提交表单：将表单信息提交到处理信息的应用程序或脚本。重设表单：用于以默认值重新设置所有的表单项。插入图像提交按钮（图像域）插入文件上传按钮（文件域

5、）插入单选框一般情况下，单选按钮是成组出现的，插入一组单选按钮还可以直接采用插入单选按钮组的方法。单选按钮属性“单选按钮”下面的文本框中填写单选按钮的名称，同一组单选按钮应该使用相同的名称，这样才能保证同一组单选按钮中只能选择一个项目，名字用英文。“选定值”设定如果用户选中了该单选按钮后提交的内容，提交的并不是单选按钮旁边的文字，而是在“选定值”中设定的内容，应用英文设定。“初始状态”可以将单选按钮设为“已勾选”和“未选中”两种初始状态。插入复选框有时要求浏览者提交的选择项并不是对立的，可以同时选择多项，此时就要用到复选框了。复选框属性名称，同一组复选框要使用相同的名称，应使

6、用英文命名。在“选定值”中给复选框赋值，与单选按钮类似，要使用英文。“初始状态”是浏览者还没有对复选框做出选择时的状态。插入列表和菜单有时需要浏览者在多个单选项中做出选择，如在表单中选择自己所在的城市，因候选项非常多，如果全设为单选按钮显然不合适，这时就要用到表单中的列表和菜单了。列表可以显示一定数量的选项，如果给定内容超出了这个数量，就会自动出现滚动条，浏览者可以拖拽滚动条来观看并用鼠标单击相应选项。菜单是一种最节省空间的方式，一般情况下只能看到一个选项，单击下拉菜单按钮后才能看到全部选项。插入跳转菜单跳转菜单是一种常见的交互式表单对象，外形与菜单相同，区别在于跳转菜单的每

7、一个菜单项都是一个超链接，使浏览者在选择了某个选项后都可以跳转到相应页面。跳转项输入跳转方式直接跳转需要按钮跳转列表方式的跳转补充内容时间轴认识时间轴时间轴是为了制作针对层设计的动态网页技术，通过改变层的位置、大小、可见性和索引值等属性来创建网页动画。使用ＡＬＴ＋Ｆ９打开时间轴面板。创建时间轴动画创建直线移动动画将层拖入时间轴面板的动画通道上，调整首尾关键帧的位置，就创建了直线动画。创建曲线移动动画在层面板中选中层，执行“修改/时间轴/录制层路径”命令，按目标运动路线拖。将层拖入时间轴面板的动画通道上，