《网页的设计与制作》第11章 网页表单的应用.pptVIP

第11章 网页表单的应用;11.1 网页中的表单知识;11.1.1 网页中表单概述;11.1.2 创建表单域;用Dreamweaver CS5可以为网页插入表单，方法如下。;（8）类：定义表单及其中各种表单对象的样式。 如果用户设置表单的方式为“默认”或“get”，则该编码类型的设置是无效的。如果设置表单的方法是“post”，则可以通过编码类型确定数据是上传到服务器数据库中，还是同时存储到服务器的磁盘中。 ;11.2 插入文本域;11.2.1 文本字段;（1）点击鼠标，将光标定位在表单虚线框线内，点击“插入”菜单，选择“表单”项，在弹出的子菜单中选择“文本域”命令。或者在“插入”面板中选择“表单”项，点击“文本字段”图标，则打开“输入标签辅助功能属性”对话框，如图11-5所示。;（2）在“输入标签辅助功能属性”对话框中，可为文本字段的表单对象添加标签文本，同时可设置标签文本的位置。 （3）在“输入标签辅助功能属性”对话框中，各项的解释及应用方法如下： ID：用于提供脚本的引用。指定了input元素的名称和ID号。名称和ID号是一致的。 标签：文本字段的提示文本。即表单控件的提示信息。 样式：说明“标签”内容的使用方式。分为三种情况： 第一情况：使用“for”属性附加标签标记。 第二情况：选择“用标签标记环绕”选项。 第三情况：选择“无标签标记”选项。;位置：说明“标签”内容所处的位置。分为两种情况：第一种情况：选择“在表单项前”选项。上面的提示信息都是在表单项前。如图11-6所示。 图11-6 插入文本字段第二种情况：选择“在表单项后”选项。如图11-7所示。 图11-7 插入文本字段 在“代码”视图中可以查看源代码： 访问键：访问该文本字段的快捷键。 Tab 键索引：在当前网页中的Tab键访问顺序。 ;（4）经过上面设置后，其浏览效果，如图11-8所示。;11.2.2 创建文本区域;2.网页中设置文本区域属性： Overflow用来设置内容溢出（设置被设定对象是否显示滚动条） overflow-x用来设置水平方向内容溢出 overflow-y用来设置垂直??向内容溢出 上述的三个属性设置的值分别为visible(默认值)、scroll、hidden、auto。 scrollbar-3d-light-color用来设置立体滚动条亮边的颜色（设置滚动条的颜色） scrollbar-arrow-color用来设置上下按钮上三角箭头的颜色 scrollbar-base-color用来设置滚动条的基本颜色 scrollbar-dark-shadow-color用来设置立体滚动条强阴影的颜色 scrollbar-face-color用来设置立体滚动条凸出部分的颜色 scrollbar-highlight-color用来设置滚动条空白部分的颜色 scrollbar-shadow-color用来设置立体滚动条阴影的颜色;设置浏览器滚动方式： （1）设置浏览器窗口永远都不出现滚动条 无水平滚动条 body style=overflow-x:hidden （2）无垂直滚动条 body style=overflow-y:hidden 无滚动条 body style=overflow-x:hidden;overflow-y:hidden或body style=overflow:hidden （3）设置多行文本框的滚动条 无水平滚动条 textarea style=overflow-x:hidden/textarea;11.3插入单选按钮和单选按钮组;（3）在文档中点击“单选按钮”表单控件，如图11-12中已经选中，则出现其对应“属性”面板。 “属性”面板中主要属性说明如下所示： 选定值：用来设置在在该单选按钮被选中时发送给服务器的值。例如，在性别的“选定值”文本框中选择男，这时就表示用户选择的性别是男。 初始状态：用来表示在浏览器中加载表单时，该单选按钮是否处于选中状态。 如果插入的单选按钮比较多，那么这时也可以用菜单命令“插入→表单→单选按钮组”，此时就可以在弹出的“单选按钮组”对话框中对单选按钮进行设置。;11.3.2 插入单选按钮组;（2）单击“单选按钮组”对话框中的“确定”，得到如图11-14所示的结果。 ;11.4 插入复选框和复选框组;11.4.1.插入单个复选框;11.4.2 插入复选框组;11.5 插入列表和菜单;11.5.1 菜单表单;11.5.2 列表表单;11.