HTML4表单与框架.ppt

1、表单与内嵌框架,会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 使用内嵌框架制作网页,技能展示,本章结构,内嵌框架,表单的高级用法,的用法,使用Dreamweaver添加表单,表单与内嵌框架,内嵌框架简介,表单的基本语法,表单元素的介绍,表单,表单的典型应用 注册用户 收集信息 反馈信息 提供搜索工具,为什么使用表单,注册用户,收集信息,反馈信息,提供搜索工具,常见的表单元素,单行文本框(text),单选按钮(radio),复选框(checkbox),下拉列表(select),重置按钮 (reset),提交按钮(submit),密码框(password),文本域(textar

2、ea),action属性 指定提交后，由服务器上哪个处理程序处理 值一般为URL method属性 规定提交方式，取值为get或post post方法比较安全,表单的基本语法2-1, ,制作简单的表单页面,表单的基本语法2-2, 用户名： 密 ,表单输入元素：input,表单提交地址和方法的设置,表单元素大部分都是用标签,表单元素的基本格式,指定元素的类型，可为text、radio、submit等,元素的名称,元素的初始值,元素的初始宽度,元素中输入的最多字符个数,元素是否被选中checked,文本框,表单元素逐一介绍8-1,文本框类型, 名址： ,单行文本输入框，字符宽度为20,密码框,表单

3、元素逐一介绍8-2, 用户名： 密码： ,密码框类型,输入密码密文显示,单选按钮,表单元素逐一介绍8-3, 性别： 男 女 ,单选按钮类型,默认选中,复选框,表单元素逐一介绍8-4, 爱好： 运动 玩游戏 ,单选按钮类型,默认选中,列表框,表单元素逐一介绍8-5, ,默认选择项,默认选择项效果,普通按钮：button 提交按钮：submit 重置按钮：reset 图片按钮：image,按钮,表单元素逐一介绍8-6,图片按钮,多行文本框,表单元素逐一介绍8-7, 初始文本内容 ,6行40个字符宽度的多行文本框, 选择需要上传的文件： ,文件域,表单元素逐一介绍8-8,文件域类型,只读和禁用属性

4、readonly：希望某个框内的内容只允许用户看，不能修改 disabled：因没达到使用的条件，限制用户使用,表单的高级用法, 阅读网站服务协议 欢迎阅读服务条款协议 同意以上协议 ,表单form的基本语法 ？ 表单元素有哪些，语法分别是什么 ？ 如何设置表单元素的只读和禁用属性 ？,请思考,列表框 多行文本框 文件域, 初始文本内容 , 选择需要上传的文件： , 选择月份 一月 二月 ,使用Dreamweaver制作注册页面 新建页面插入表单 在插入面板组中选择“表单” 在菜单中选择“插入”“表单” “表单” 显示表单，“查看”“可视化助理”“不可见元素” 设置表单属性 在表单中插入一个9

5、行3列的表格 合并最后一列所有单元格 设置表格属性 在第一列中输入文本 在表格相应位置插入表单元素并设置属性,使用Dreamweaver添加表单,什么是内嵌框架 内嵌框架标签 内嵌框架又称浮动帧标记 可以将一个文档A嵌入在另一个文档B中显示 内嵌框架的优点 保持网站风格一致 灵活性与方便性 iframe标记可以把一个页面嵌入任何一个页面的任何位置 提高网页的下载速度,内嵌框架,内嵌框架的语法,内嵌框架的用法2-1, ,第一个内嵌框架,第二个内嵌框架,内嵌框架的属性,内嵌框架的用法2-2,使用内嵌框架制作页面,上方导航条 下边显示第一页 下边显示第二页 下边显示第三页 ,链接位置为内嵌框架名称,内嵌框架的初始值,frameborder=1，设置