01创建表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

《01创建表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt》由会员分享，可在线阅读，更多相关《01创建表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、01创建表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）创建表单静态网站制作教学资源课件认识表单 表单在网页中有着广泛的应用，如留言板、搜索引擎、注册信息、订单等，如图4.1、4.2所示。表单的作用是从访问 Web 站点的用户那里获得信息，访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息。，一个完整的表单交互包括两个步骤，一是在客户端通过表单收集访问者信息，并提交到服务器，这一步可以由用户浏览的网页文件完成；二是服务器端的应用程序对这些信息加以处理。所以一个完整的表单包括表单对象和应用程序两个基本组件，表单对象

2、在网页中起描述作用；应用程序则是处理表单中信息的服务器端或客户端程序。创建表单1、将插入点移至要插入表单的位置。2、单击“插入”“表单”中的“表单”命令，或选择“插入”工具栏中“表单”选项卡里的“表单”按钮，在文档中插入一个表单，可见表单四周有红线边框，如图4.3所示。注意：表单域属于不可见元素，如果插入表单域后无法显示，应选择“查看”菜单中的“可视化助理”中的“不可见元素”命令。如果还是不能显示表单的红色边框，应选择“编辑”菜单中的“首选参数”命令，在“首选参数”对话框的“不可见元素”分类中，选中“表单范围”复选框。设置表单属性1.单击表单轮廓或显示在文档窗口下的标签，可以选定整个表单。2.

3、表单“属性”面板如图4.4所示。在“表单名称”文本框中输入表单的名称“form1”，这样处理表单数据的程序才能接收数据。在“动作”文本框：用于指定处理表单数据的文件。“目标”列表框：指定用于显示被调用程序所返回的数据的窗口，和链接的目标属性一样“方法”拉列表框：用于设置表单数据提交给服务器的方法。POST：将表单数据嵌入到HTTP请求中。POST方法没有数据量限制，因此可用于长表单。GET：将值附加到请求该页的 URL 中，GET方式有字符限制，不能发送大量的数据。“编码类型”下拉列表框：用于指定提交给服务器进行处理的数据使用的编码类型，通常选用默认设置，如果要创建文件上传表单，可选择“mul

4、tipart/form-data”。在表单中添加表单对象表单是表单对象的载体，创建表单后，就可以在表单这个容器里添加表单对象。表单对象包括文本字段（单行文本域）、文本区域（多行文本域）、隐藏域、单选按钮、复选框、列表、菜单、跳转菜单、图形域、文件域、按钮等创建文本域文本域是一个重要的表单对象，可以在其中输入用户名、密码等简要文字，输入的文本可以是字符、数字等。“文本域”按存储内容的多少分为“文本字段”（单行文本域）及“文本区域”（多行文本域）。插入单行文本域单行文本域用于输入比较短的字符或词语，如用户名或E-mail，可以限制字符数。实例1：创建如图4.5所示的单行文本域实例。1、将鼠标指针定

5、位在表单中要插入单行文本区域的位置。2、单击如图4.6所示“插入”工具栏“表单”选项卡中的“文本字段”按钮,弹出“输入标签辅助功能属性”对话框，如图4.7所示，单击“取消”按钮，在表单中创建一个单行文本域。3、选中该单行文本区域，属性面板如图4.8所示。4、在“文本域”文本框中输入文本域名称“book_name“，这个名称必须是惟一的。5、在“字符宽度”文本框中输入文本域中允许显示的字符数目“15”。6、在“最多字符数”文本框中输入文本域中允许输入的最大字符数目“20”，这个值将定义文本域的大小限制，并用于验证表单。7、在“初始值”文本框中输入文本域中默认状态下显示的文本。8、设置结束后，文本域的HTML代码为，这段代码表示名称为book_name的单行文本域，其大小宽度为15字符，最多只能输入20个字符。