Dreamweaver网页设计与制作教程教学课件 杨继 第10章表单的应用.ppt

《Dreamweaver网页设计与制作教程教学课件 杨继 第10章表单的应用.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章表单的应用第10章表单的应用内容提要表单的概念如何创建表单表单对象的添加2第10章表单的应用10.1创建表单10.1.1了解表单表单的组成：表单域和表单对象3第10章表单的应用10.1创建表单10.1.2如何创建表单1.通过菜单栏创建表单建立一个网页文档将插入点放置到要插入表单的位置使用主菜单中的“插入”——“表单”——“表单”命令4第10章表单的应用10.1创建表单10.1.2如何创建表单2.通过“插入”栏创建表单建立一个网页文档将插入点放置到要插入表单的位置将“插入”栏切换到“表单”类别，并单击其中

2、的“表单”按钮，即可插入表单。5第10章表单的应用10.1创建表单10.1.3设置表单属性表单名称：设置表单的名称，可用于处理程序的调用。动作：在文本框中输入或者浏览处理该表单的动态页或脚本程序，用于处理表单提交的数据。目标：指定一个目标窗口来处理该表单的动态页或脚本程序的打开方式。方法：指定将表单数据传输到服务器的方法，有3个选项：POST（发送）GET（获取）默认MIME类型：指定提交给服务器进行处理的数据所使用的编码类型6第10章表单的应用10.2添加表单对象10.2.1添加文本域文本域有三种类型单行文本

3、域密码域多行文本域7第10章表单的应用10.2添加表单对象1.单行文本域用来填写单行文本信息，不允许用户对文字进行换行添加步骤：（1）将光标插入到要添加文本域的表单内。（2）执行“插入”→“表单”→“文本域”命令，或将插入工具栏切换到“表单”类别，单击“文本域”，即可在光标所在处添加文本域。（3）选中“文本域”表单对象，在其属性面板中选择“单行”文本域类型。8第10章表单的应用10.2添加表单对象2.多行文本域提供输入多行文本信息的文本框，用于设置留言板等文字较多的部分。添加步骤：同单行文本域的添加步骤9第10

4、章表单的应用10.2添加表单对象3.密码文本域用来让用户输入密码，输入的字符以占位符“●”显示，以隐藏原始内容。10第10章表单的应用10.2添加表单对象10.2.2添加单选按钮和单选按钮组1.单选按钮用户在一组选项中只能选择单个选项时用到单选按钮添加单选按钮的步骤：将光标插入到要添加单选按钮的表单中执行“插入”——“表单”——“单选按钮”命令或单击按钮在弹出的对话框中输入标签文字，并选择文字所在的位置，最后单击“确定”按钮即可。11第10章表单的应用10.2添加表单对象2.单选按钮组单选按钮组是为了方便插入一

5、组单选按钮。插入单选按钮组的具体操作步骤如下：（1）将光标插入到要添加单选按钮组的表单中。（2）执行“插入”→“表单”→“单选按钮组”命令，或将插入工具栏切换到“表单”类别，单击“单选按钮组”按钮，弹出“单选按钮组”对话框，如图10.11所示。12第10章表单的应用10.2添加表单对象10.2.3添加复选框复选框具有多选性，允许在一组选项中选择一个或多个选项，如图10.13所示。13第10章表单的应用10.2添加表单对象10.2.3添加复选框添加复选框的具体操作步骤如下：（1）将光标放在表单中要添加复选框的位置

6、。（2）执行“插入”→“表单”→“复选框”命令，或将插入工具栏切换到“表单”类别，单击“复选框”按钮，即可插入复选框，复选框显示为一个小方块，在它后面可以加上说明文字。（3）选中添加的某个“复选框”对象，可以在“属性”面板中进行相关设置，如图10.14所示，“复选框”对象具有下列属性：14第10章表单的应用10.2添加表单对象10.2.4添加列表/菜单当需要选择的项目比较多时，为了节省空间，可以把这些选项集中到一个“列表/菜单”的表单对象中，浏览者可以通过列表或菜单提供的选项选择适当的值。在列表中允许用户选择多

7、个选项，而菜单只允许访问者从中选择一项，15第10章表单的应用10.2添加表单对象10.2.4添加列表/菜单1.插入列表/菜单（1）将光标放到表单中要插入列表/菜单的位置。（2）执行“插入”→“表单”→“列表/菜单”命令，或将插入工具栏切换到“表单”类别，单击“列表/菜单”，即可插入列表/菜单对象。16第10章表单的应用10.2添加表单对象10.2.4添加列表/菜单2.设置列表/菜单属性列表/菜单：设置列表/菜单的名称。类型：指定此对象是列表还是菜单。如果是列表，用户可以设置其高度，即在不滚动情况下能显示出来的

8、选项数；选定“允许多选”复选框，也可以设置是否允许用户从列表中选择多项。高度：该项只用于列表类型，指定列表中可显示的行数。选定范围：选中“允许多选”后，可以结合Shift键对列表中的项目进行多选，否则为单选。17第10章表单的应用10.2添加表单对象10.2.4添加列表/菜单2.设置列表/菜单属性初始化选定：指定列表/菜单框开始显示时定位在哪一个选项上。列表值：单击该按钮，打开“列表值