C 表单与动态效果.pptVIP

* 表单与动态效果 * 回顾 无序列表 有序列表 嵌套列表 表格的定义 表格布局 * 课程目标 表单的作用 表单的元素 页面动态效果 滚动文字 显示flash动画 iframe内嵌框架的使用 * 表单 表单是Web中实现交互的重要方法，用于收集用户信息并提交给服务器。表单用form标签来表示。 格式： form action= method= …… /form 注意：一个页面最多一个表单 * 表单包含的控件 单行文本输入框(text) 单选按钮(radio) 复选框(checkbox) 下拉列表(select) 重置按钮(reset) 提交按钮(submit) 多行文本框(textarea) 密码框(password) * 表单元素 表单form可以出现input、 textarea 、select等控件。 input：采集用户输入的标签。主要属性有： 1 type：设置输入控件的类型，共9种 2 name：设置输入控件的名称 3 size：设置输入控件的尺寸 4 value：设置输入控件的值 5 maxlength：设置输入控件的最大长度 6 checked：设置多选、单选控件的选中状态 * Input的类型 input的类型可以是： button：普通按钮 text：文本框 password：密码框 radio：单选按钮 checkbox：复选按钮 submit：提交按钮 reset：重置按钮 hidden：隐藏域 file:文件域 * Textarea标签 多行文本框标签textarea用于显示大量的文字，主要属性有： name：设置名称 rows：设置显示的行数 cols：设置显示的列数 * Select标签 页面中下拉列表的功能是通过select实现的。 select标签必须与表示选择项的option配合 使用。 select标签的属性： name：设置下拉列表的名称。 size：设置下拉列表显示项的个数 * Option标签 option定义下拉列表中的选择项，属性有： value：设置选择项的值(该值被提交到服务器) selected：设置某项被选中 * 表单的属性 action：设置服务器上处理程序的位置，参数值是一个URL路径。 method：设置表单的运行方式，可以取值get、post。 1、 get的特点是信息暴露、长度限制取决于浏览器对URL长度的限制(IE对Url的长度限制为2083字节)，但是速度快。 2、 post的特点信息隐藏、长度不限，但是速度较慢。 * 动态效果 动态效果可以使页面更生动和更具感染力。 meta标签用于对文件进行说明，放在head与/head之间，数量不限。 meta标签一个很重要的作用就是页面的转换，即一个页面消失出现另一页面。 meta http-equiv=refresh content=等待秒数;url=页面路径/ 作用是当前页面显示指定的秒数后显示指定的其他的页面。 * 滚动文字 页面中文字的滚动效果可以使用marquee： direction：设置文字运动的方向，取值left、right、up、down behavior：设置滚动的方式，取值scroll（滚动）、slide（滑动）、alternate（来回） loop：设置滚动的次数，值为infinite循环 scrollamount：设置文字滚动的速度 align：设置文字的对齐方式 width/height：设置滚动区域的尺寸 * 多媒体页面 页面中可以插入多媒体文件，HTML中使用标签embed完成。属性有： src：设置源文件的位置。 width：设置多媒体窗口的宽度。 height：设置多媒体窗口的高度。 loop：设置媒体是否循环播放， 取值： true：设置循环播放。 false：设置仅播放一次。 autostart：设置是否自动播放。 hidden：设置是否隐藏播放器。 playcount：取值数字，设置播放次数。 * 插入flash 页面中加入flash，通过embed实现。 embed src=gczg.swf quality=high pluginspage=/go/getflashplayer type=application/x-shockwave-flash width=400 height=240 menu=false/embed * 内嵌框架 iframe src=1.html width=200 height=400 name=if/iframe