《网页设计》课程教学资源（PPT课件讲稿）第五章 表单、框架和多媒体

第五章表单、框架和多媒体

第五章 表单、框架和多媒体

51表单 ◇表单是用于实现网页浏览者与服务器之 间信息交互的一种页面元素,它由表单 控件和一般内容组成。例如: 注册表单 登录表单 【邮件 263. net 密码”***进入找回密码中译 精 Q263在线 国际 263. net 享受 西3:邮件短信子游戏蜈尕生活女性了留学财经了交友 网页设计一姚屏

网页设计－姚屏 5.1表单 表单是用于实现网页浏览者与服务器之 间信息交互的一种页面元素，它由表单 控件和一般内容组成。 例如： ◼ 注册表单 ◼ 登录表单

表单的工作原理 ③动态生成一个HTML OMD 《/T吧 网页回复访问者 ①访问者填写完表单 ②服务器端运行脚 提交到Web服务器 0 本程序处数表单数据 网页设计一姚屏

网页设计－姚屏 表单的工作原理

FORM标记符 ◇FORM包含所有表单内容 ■ Action属性 服务器端脚本程序(AsP、JsP、PHP、Pe等) ◆ mailto: mailbox@ mailserver com或网址 Method属性(get、post) ◇ INPUT标记 Type、name、size、 maxlength属性 网页设计一姚屏

网页设计－姚屏 FORM标记符 FORM包含所有表单内容 ◼ Action 属性  服务器端脚本程序（ASP、JSP、PHP、Perl等）  mailto:mailbox@mailserver.com或网址 ◼ Method属性（get、post） INPUT标记 ◼ Type、name、size、maxlength属性

表单控件的类型(type) ◇文本框 复选框 ◇单选框 ◇按钮 ◇选项菜单 ◇文件选择框 隐藏控件 ◇对象控件 网页设计一姚屏

网页设计－姚屏 表单控件的类型（type） 文本框 复选框 单选框 按钮 选项菜单 文件选择框 隐藏控件 对象控件

文本框 ◇单行文本框 演示—文本框示例 网页设计一姚屏

网页设计－姚屏 文本框 单行文本框 ◼ 口令框 ◼ 演示——文本框示例

复选框和单选框 复选框 单选框 <input type="radio"name=value= (checked) 注意:单选框name属性相同者为一组 演示——复选框与单选框 网页设计一姚屏

网页设计－姚屏 复选框和单选框 复选框 ◼ 单选框 ◼ ◼ 注意：单选框 name 属性相同者为一组！ 演示——复选框与单选框

文件选择框 ◇文件选择框 <input type="file" name=size= value= 演示——文件选择框 网页设计一姚屏

网页设计－姚屏 文件选择框 文件选择框 ◼ 演示——文件选择框

按钮 ◇提交按钮 自定义按钮 <input type=button"name=value 演示1演示2 网页设计一姚屏

网页设计－姚屏 按钮 提交按钮 ◼ ◼ 重置按钮 ◼ 自定义按钮 ◼ 演示1 演示2

多行文本框 ◇多行文本框 <textarea name= rows= cOls= 演示——多行文本框 网页设计一姚屏

网页设计－姚屏 多行文本框 多行文本框 ◼ 演示——多行文本框