HTML第四章.pptVIP

* s * 讲解要点： 第三章 表单 回顾 使用HTML创建一个表格至少需要哪些标签？ 跨多行表格是在单元格里用哪个属性进行设置 ？ 对表格进行美化，主要用哪些属性进行设置？ table,tr,td rowspan border,width,height,align,cellspacing,cellpadding 预习检查 请列举表单中有哪些常用的表单元素？ input标签用什么属性去控制元素的类型？ 让单选按钮和多选按钮选中需要用到哪个关键字？ 文本框，密码框，单选框，复选框，下拉框,提交按钮，重置按钮 type checked 本章任务 制作“用户注册”页面 本章目标 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别 表单 表单的典型应用 注册用户 收集信息 反馈信息 为网站提供搜索工具 注册用户 收集信息 反馈信息 表单 浏览者输入的数据 提交到后台处理的数据 提供搜索工具 表单包含的控件 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) 表单的结构 HTML页面 表单 表单子元素1 表单子元素2 表单子元素n 表单页面的基本结构 METHOD =“post或get” ACTION METHOD 指定提交后，由服务器上那个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = “URL” FORM action= method=post …… /FORM 演示示例1：使用 post提交方式 和 get提交方式 表单元素的统一格式 FORM name=form3 method=post action= INPUT type=checkbox name=gen value=男 size=21 maxlength=4 checked=checked …… /FORM 指定元素的类型，可为TEXT、RADIO、SUBMIT等 控件的名称 控件的初始值 控件的初始宽度 控件中输入的最多字符个数 控件是否被选中 表单元素的逐一介绍 文本框基本语法 INPUT type=text value=张三 size=20 FORM name=form1 method=post action= P名nbsp;nbsp;字： INPUT type=text value=张三 size=20 /P …… /FORM 查看源代码 单行文本输入框，字符宽度为20 文本区的宽度 输入元素的默认值 文本输入框 表单元素的逐一介绍 密码框基本语法 INPUT type=password value=123456 size=22 密码区宽度 初始密码 密码框 FORM name=form2 method=post action= …… P密nbsp;nbsp;码： INPUT value=123456 type=password size=22 /P /FORM 查看源代码 密码框，22个字符宽度 表单元素的逐一介绍 单选按钮基本语法 INPUT type=radio value=男 checked=checked 初始值 单选按钮 默认选中 FORM name=form3 method=post action= BR性别： INPUT name=gen type=radio class=input value=男 checked IMG src=images/Male.gif width=23 height=21男nbsp; …… /FORM 查看源代码 设置此单选按钮被选中 表单元素的逐一介绍 复选框基本语法 INPUT type=checkbox name=cb2 value=talk 复选框 复选框名 复选框值 FORM name=form4 method=post action= …… LABEL INPUT type=checkbox name=cb2 value=talkchecked=checked /LABEL聊天nbsp;nbsp; …… /FORM 查看源代码 设置此复选框被选中 列表框基本语法 select name=“指定列表名称” size=“行数”option value=“可选项的值” selected…/option option va