第11章 节 在网页中添加表单 Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 课件.pptxVIP

中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通第 11章在网页中添加表单· 清华大学出版社 ·本章导读创建和设置表单11.311.211.1应用表单对象客户端表单验证清华大学出版社从入门到精通11.1 创建和设置表单认识表单11.1.1 创建表单11.1.2 设置表单属性11.1.3 11.1.1 认识表单通过表单服务器可以收集用户的姓名、年龄等信息，表单是客户端与程序设计的纽带。虽然表单本身不能把信息传回服务器，但他可通过其它动态语言，如ASP、ASP.net、PHP、JSP将表单信息处理后传回服务器，如图所示为表单页面。清华大学出版社从入门到精通11.1.2 创建表单表单是表单对象的“容器”，同时它还包含如何传送表单数据、向处理的动态页面提交表单数据信息等操作。制作表单页面之前首先要创建表单，然后再将表单对象添加到表单内部，否则将不能正常运行。插入表格的方法是：将鼠标光标定位到要插入表单的位置，单击“表单”插入面板中的“表单”按钮 或选择【插入】/【表单】/【表单】命令在编辑窗口中创建表单。清华大学出版社从入门到精通11.2.1 添加表单对象 添加文本对象添加复选框添加复选框组添加单选按钮添加单选按钮组添加列表/菜单添加跳转菜单添加按钮添加图像域添加文件域添加隐藏域清华大学出版社从入门到精通1．添加文本对象 文本字段在表单对象中最为常见，可以输入任何类型的文本内容，如单行、密码和多行等类型，如图所示。清华大学出版社从入门到精通2．添加单选按钮 在网页设计过程中，需添加的单选按钮较多。单选按钮只能选择其中的某一项，例如性别、学历和城市等具有惟一性选择的选项，如图所示。清华大学出版社从入门到精通3．添加单选按钮组 添加单选按钮组的方法与添加复选框组的方法相同，在“表单”插入面板中单击“单选按钮组”按钮 ，即可在打开的“单选按钮组”对话框中设置参数添加，如图所示。 添加单选框组清华大学出版社从入门到精通11.2.2 应用CSS样式表 CSS样式表可以用来美化网页对象，对于网页中的表单对象也可以使用CSS样式表进行美化。对表单对象应用CSS样式表的方法和其他对象一样，可以在文档中添加CSS样式表，也可以附加外部CSS文件。清华大学出版社从入门到精通11.3 客户端表单验证 认识JavaScript11.3.1进行表单验证11.3.2 从入门到精通清华大学出版社11.3.1 认识JavaScript JavaScript是一种基于对象、解释型的脚本语言，使用它可以开发Internet客户端的应用程序。在网页中使用JavaScript时，通常将JavaScritp函数放在“head…/head”标签之间，然后在需要调用该函数的地方添加相应的代码进行调用即可。 清华大学出版社从入门到精通11.3.2 进行表单验证在Dreamweaver CS6中可以通过行为实现表单验证。行为是指在某种事件的触发下，通过一定的过程来达到某种目的的方式。如用户在浏览网页时单击（这是触发事件）某超级链接，然后浏览器就打开一个对话框（这就是要达到的目的，通过执行JavaScript代码来实现这一目的），这就是一个完整的行为。行为的组成：由动作和事件两部分组成，动作控制何时执行，事件控制执行的内容。清华大学出版社从入门到精通11.4 提高实例——制作注册表单从入门到精通清华大学出版社11.4.1 行业分析网站包含用户注册、登录界面，是大多数网站必有的功能。从某些层面来说，是一种网络营销的方式，用户访问一个网站并注册，其本身就是对网站产生好感的一种心理认知感。申请成为注册用户，可以获取网站积分、参与各种站内活动；可以获取网站相关功能页面的访问权限；也可以收发邮件、手机短信等。而网站运营方也可以通过用户的注册，了解用户需求，不断收集相关数据把握网站运营的方向。清华大学出版社从入门到精通11.4.2 操作思路432进行客户端表单验证1创建表单并设置属性设置表单属性打开素材文档并创建表单清华大学出版社从入门到精通11.5 提高练习——制作“会员注册” 从入门到精通清华大学出版社操作思路 操作思路1,200打开素材文档并添加表单添加文本字段表单对象添加列表、复选框和按钮对象清华大学出版社从入门到精通11.6 知识问答 问：文本字段和密码域的“字符宽度”相同，但在预览时却不一样该如何解决？问：表单对象必须添加在表单域中吗？从入门到精通清华大学出版社知识关联：表单对象命名规则为网页制作有表单对象的网页中，对表单或表单对象的命名时，应尽量使其看名称即可知道它对应的内容，如登录表单命名为“loginfrm”，注册表单命名为“regfrm”，用户名文本字段命名为“username”或“name”，密码域命名为“pa