《Dreamweaver8和Flash8案例教程》第4章 表单、样式表与网页中的其他对象.ppt

《Dreamweaver8和Flash8案例教程》第4章 表单、样式表与网页中的其他对象.ppt

  1. 1、本文档共146页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第4章 表单、样式表与网页中的其他对象 4.1 【案例11】“电脑配置调查表”网页 4.1.1 学习目标 “电脑配置调查表”网页的显示效果如图4-1-1所示。在该网页中,以表单的方式列出了电脑主要配件的调查信息,只需在页面中按照提示进行选择或输入后,单击“提交”按钮,即可将网页中的信息提交到服务器的数据库中。 表单是用户利用浏览器对Web站点数据库进行查询和添加的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理,这种查询方式叫做交互的或者双向的。这些表单对象包括文本域、下拉列表框、复选框和单选按钮等。 表单对象是让用户输入信息的地方,表单域是放置表单对象的区域,只有表单域内的表单对象,才可以将它的信息传送出去。 4.1.2 操作过程 4.1.3 相关知识 1.创建表单域和插入表单对象 (1)创建与删除表单域 创建表单域:将光标移到要插入表单域的位置,单击“插入”(表单)栏内的“表单”按钮 ,即可在网页编辑窗口内创建一个表单域,如图4-1-2所示。 单击表单域内部,将光标移到表单域内,按回车键,即可将表单域调大。按BackSpace键,可使表单域缩小。表单域在浏览器内是看不到的。 显示表单域:在表单域创建后,若看不到表单域的矩形红线,可以单击选中“查看”→“可视化助理”→“不可见元素”菜单命令,即可将表单域的矩形红线显示出来。 删除表单域:单击表单域的边线处,选中表单域,按Delete键,即可删除表单域。 (2)设置表单域的属性 选中表单域,此时表单域“属性”栏如图4-1-3所示。 “表单名称”文本框:在该文本框内,输入表单域的名字。表单域的名字可用于JavaScript和VBScript等脚本语言中,这些脚本语言可以控制表单域的属性。 ? “动作”文本框和按钮:利用它们可以输入脚本程序或含有脚本程序的HTML文件。 ? “方法”下拉列表框:用来选择客户端与服务器之间传送数据采用的方式。3个选项是“默认”、“GET”(获得,即追加表单值到URL,并发送服务器GET请求)和“POST”(传递,在消息正文中发送表单的值,并发送服务器POST请求)。 ? “类”下拉列表框:其中有“重命名”、“管理样式”和创建的CSS样式名称等多个选项,可以用来选择CSS样式、给CSS样式更名和创建新的CSS样式等。 (3)插入表单对象的方法 将光标移到要插入表单对象的表单中,再插入表单对象。插入表单对象的方法与插入表单的方法一样。 将光标移到要插入表单对象的位置,然后单击“插入”(表单)栏中的相应按钮,即可在光标处插入一个相应的表单对象。另外,单击“插入”→“表单”菜单命令,弹出它的下一级菜单。 根据要插入的表单对象类别,单击菜单内的菜单命令也可插入表单对象。 表单对象的“属性”栏中都有一个名称文本框,用来输入表单对象的名称,该名称可在程序中使用,以指定表单对象。 2.表单对象 (1)文本域属性的设置:文本域也叫做文本字段,表单中经常使用文本域。它可以是单行,也可以是多行,用于接收文本、数字和字符。文本域的“属性”栏如图4-1-4所示,各选项的作用如下。 “字符宽度”文本框:文本域的宽度,即可显示字符的最多个数。 ? “类型”栏:该栏有3个单选项,用来选择“单行”、“多行”或“密码”文本域。密码文本域的特点是:当用户输入文字时,密码文本域内显示的不是这些文字,而是一行“*”。选择“多行”单选项时,其“属性”栏会发生变化:“初始值”文本框变为带滚动条的多行文本框,同时“换行”下拉列表框变为有效,“字符宽度”文本框变为“行数”文本框,用来输入文本框的行数。 “初始值”文本框:用来输入文本框的初始内容。 “换行”下拉列表框:只有在选择了“多行”类型后它才有效。“换行”下拉列表框内有4个选项,它们的含义如下。 “默认”:采用浏览器的默认值。 ? “关”:当输入的文字超过文本框的宽度时不换行,但是会出现滚动条。 ? “虚拟”:当输入文字超过文本框宽度时会自动换行,向服务器传输数据时无回车符。 ? “实体”:当输入的文字超过文本框的宽度时,会自动加入回车符并换行。 (2)复选框属性的设置:复选框 有选中和未选中两种状态,多个复选框允许多选。它的“属性”栏如图4-1-5所示,各选项的作用如下。 “选定值”文本框:用来输入复选框选中时的数值,通常为1或0。 ? “初始状态”栏:它有两个单选项,用来设置复选框的初始状态。 (3)单选按钮属性的设置:单选按钮 也叫做单选项,一组单选按钮中同一时间只允许选中一个,它的“属性”栏如图4-1-6所示。该“属

文档评论(0)

803322fw + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档