在网页中添加表单 DreamweaverFlashPhotoshop网页制作从入门到精通CS6版 课件-PPT课件

1、第第1111章在网页中添加表单章在网页中添加表单 Dreamweaver+Flash+PhotoshopDreamweaver+Flash+Photoshop网页制作从入门到精网页制作从入门到精通通CS6CS6版版 课件课件中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）表单是表单对象的“容

2、器，同时它还包含如何传送表单数据、向处理的动态页面提交表单数据信息等操作。制作表单页面之前首先要创立表单，然后再将表单对象添加到表单内部，否那么将不能正常运行。插入表格的方法是：将鼠标光标定位到要插入表单的位置，单击“表单插入面板中的“表单按钮 或选择【插入】/【表单】/【表单】命令在编辑窗口中创立表单。11.1.2 创立表单从入门到精通5中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）创立的表单必须经过设置才行使用。主要是对“表单ID、“动作、“方法等属性进行设置。将鼠标光标定位在表单中，将出现如下图。11.1.3 设置表单属性从入门到精通6中文版

3、Dreamweaver+Flash+Photoshop网页制作从入门到精通11.2 应用表单对象7添加添加表单对象表单对象应用应用CSS样式表样式表11.2.111.2.2中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）11.2.1 添加表单对象从入门到精通8 添加文本对象添加复选框添加复选框组添加单项选择按钮添加单项选择按钮组添加列表/菜单添加跳转菜单添加按钮添加图像域添加文件域添加隐藏域中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）文本字段在表单对象中最为常见，可以输入任何类型的文本内容，如单行、密码

4、和多行等类型，如下图。1添加文本对象从入门到精通9 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）在网页设计过程中，需添加的单项选择按钮较多。单项选择按钮只能选择其中的某一项，例如性别、学历和城市等具有惟一性选择的选项，如下图。2添加单项选择按钮从入门到精通10 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）添加单项选择按钮组的方法与添加复选框组的方法相同，在“表单插入面板中单击“单项选择按钮组按钮 ，即可在翻开的“单项选择按钮组对话框中设置参数添加，如下图。3添加单项选择按钮组从入门到精通11 添加单

5、项选择框组中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）CSS样式表可以用来美化网页对象，对于网页中的表单对象也可以使用CSS样式表进行美化。对表单对象应用CSS样式表的方法和其他对象一样，可以在文档中添加CSS样式表，也可以附加外部CSS文件。11.2.2 应用CSS样式表从入门到精通12 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通11.3 客户端表单验证13 认识认识JavaScript进行进行表单验证表单验证11.3.2 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（C

6、S6版）11.3.1 认识JavaScript从入门到精通14 JavaScript是一种基于对象、解释型的脚本语言，使用它可以开发Internet客户端的应用程序。在网页中使用JavaScript时，通常将JavaScritp函数放在“标签之间，然后在需要调用该函数的地方添加相应的代码进行调用即可。中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）在Dreamweaver CS6中可以通过行为实现表单验证。行为是指在某种事件的触发下，通过一定的过程来到达某种目的的方式。如用户在浏览网页时单击这是触发事件某超级链接，然后浏览器就翻开一个对话框这就是要到

7、达的目的，通过执行JavaScript代码来实现这一目的，这就是一个完整的行为。行为的组成：由动作和事件两局部组成，动作控制何时执行，事件控制执行的内容。11.3.2 进行表单验证从入门到精通15中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通11.4 提高实例制作注册表单16中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）网站包含用户注册、登录界面，是大多数网站必有的功能。从某些层面来说，是一种网络营销的方式，用户访问一个网站并注册，其本身就是对网站产生好感的一种心理认知感。申请成为注册用户，可以获取网站积分、参与各

8、种站内活动；可以获取网站相关功能页面的访问权限；也可以收发邮件、 短信等。而网站运营方也可以通过用户的注册，了解用户需求，不断收集相关数据把握网站运营的方向。11.4.1 行业分析从入门到精通中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）11.4.2 操作思路从入门到精通18进行客户端表单验证43创立表单并设置属性2设置表单属性1翻开素材文档并创立表单中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通11.5 提高练习制作“会员注册19 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版）操作思路从入门到精通20翻开素材文档并添加表单添加文本字段表单对象添加列表、复选框和按钮对象 操作思路1,200中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通11.6 知识问答 问：文本字段和密码域的“字符宽度相同，但在预览时却不一样该如何解决？问：表单对象必须添加在表单域中吗？中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通知识关联：表单对象命名规那么为网页制作有表单对象的网页中，对表单或表