《html表单制作.ppt》由会员分享，可在线阅读，更多相关《html表单制作.ppt（17页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 2012 XIAN EURASIA UNIVERSITY2检查使用使用HTMLHTML创建一个表格至少需要哪些标签？创建一个表格至少需要哪些标签？跨多行表格是在单元格里用哪个属性进行设置跨多行表格是在单元格里用哪个属性进行设置 ？对表格进行美化，主要用哪些属性进行设置？对表格进行美化，主要用哪些属性进行设置？ 2012 XIAN EURASIA UNIVERSITY3本章目标会使用表单的基本结构制作表单页面会使用表单的基本结构制作表单页面会使用各种表单元素实现注册页面会使用各种表单元素实现注册页面能理解能理解postpost和和getget两种提交方式的区别两种提交方式的区别会使用框架结构实
2、现多窗口展示页面会使用框架结构实现多窗口展示页面 2012 XIAN EURASIA UNIVERSITY4表单 表单的典型应用表单的典型应用注册用户注册用户收集信息收集信息反馈信息反馈信息为网站提供搜索工具为网站提供搜索工具注册用户注册用户收集信息收集信息反馈信息反馈信息提供搜提供搜索工具索工具 2012 XIAN EURASIA UNIVERSITY54-1 表单包含的控件单行文本输入单行文本输入框框(TEXT)单选按钮单选按钮(RADIO)复选框复选框(CHECKBOX)下拉列表下拉列表(SELECT)重置按钮重置按钮(RESET)提交按钮提交按钮(SUBMIT)多行文本框多行文本框(T
3、EXTAREA)密码框密码框(PASSWORD) 2012 XIAN EURASIA UNIVERSITY6 4-2 表单页面的基本结构METHOD =“post或或get”ACTIONMETHOD指定提交后，由服务器指定提交后，由服务器上那个处理程序处理上那个处理程序处理指定向服务器提交的方法指定向服务器提交的方法:一般为一般为post或或get方法方法, post方法比较安全方法比较安全 ACTION = “URL” 演示示例演示示例1 1：使用：使用 postpost提交方式提交方式 和和 getget提交方式提交方式 2012 XIAN EURASIA UNIVERSITY7 1 表单
4、元素的统一格式 指定元素的类型，可指定元素的类型，可为为TEXT、RADIO、SUBMIT等等控件的控件的名称名称控件的控件的初始值初始值控件的控件的初始初始宽度宽度控件中输入的控件中输入的最多字符个数最多字符个数控件是否控件是否被被选中选中 2012 XIAN EURASIA UNIVERSITY8 2 表单元素的逐一介绍 文本框基本语法INPUT 名名 字：字： 单行文本输入框，单行文本输入框，字符宽度为字符宽度为20文本区的宽度文本区的宽度输入元素输入元素的默认值的默认值文本输入框文本输入框 2012 XIAN EURASIA UNIVERSITY9 表单元素的逐一
5、介绍 密码框基本语法INPUT 密码区宽度密码区宽度初始密码初始密码密码框密码框密密 码：码： 密码框，密码框，22个字符宽度个字符宽度 2012 XIAN EURASIA UNIVERSITY10 表单元素的逐一介绍 单选按钮基本语法INPUT 初始值初始值单选按钮单选按钮默认选中默认选中性别：性别： 男男 设置此单选设置此单选按钮被选中按钮被选中 2012 XIAN EURASIA UNIVERSITY11 表单元素的逐一介绍 复选框基本语法 type=“checkbox” name=cb2 value=talk复选框复选框复选框名复选框名复选框值复选框值
6、 聊天聊天 设置此复选设置此复选框被选中框被选中 2012 XIAN EURASIA UNIVERSITY12表单元素的逐一介绍 列表框基本语法 说明：说明： size确定列表中可同时看到的行数。确定列表中可同时看到的行数。 selected默认被选中的可选项。默认被选中的可选项。出生日期：出生日期： 年年 选择月份选择月份 一月一月 二月二月 月月 日日 设置此输入框最多设置此输入框最多只能输入四个符号只能输入四个符号设置设置“选择月份选择月份”选项默认被选中选项默认被选中 2012 XIAN EURASIA UNIVERSITY13 表单元素
7、的逐一介绍 按钮基本语法 按钮名称按钮名称按钮类型可为按钮类型可为button、submit按钮上的标签按钮上的标签 单击按钮，控件的值单击按钮，控件的值被重置为被重置为value属性属性中指定的初始值中指定的初始值 2012 XIAN EURASIA UNIVERSITY14表单元素的逐一介绍 多行文本框基本语法多行文本框基本语法 name=textarea cols=40 rows=6 文本框中的内容文本框中的内容 文本框文本框的名字的名字文本框文本框的列数的列数文本框文本框的行数的行数欢迎阅读服务条款协议，欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用本协议阐述之条款和条件适用
8、于您使用Taobao网站的各种工具和服务。网站的各种工具和服务。本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。 淘宝的权利和义务淘宝的权利和义务 6行行40个字符宽个字符宽度的多行文字域度的多行文字域 2012 XIAN EURASIA UNIVERSITY15小结1 编写如左图所示效果对应的html代码 在网页设计中，表单的主要用途有哪些？TEXTPASSWORDRADIOTEXTAREASUBMITRESETSELECTCHECKBOX 2012 XIAN EURASIA UNIVERSITY16 表单元素button 具有具有相同的作用但是在可操控性方面更加强大。相同的作用但是在可操控性方面更加强大。可以用可以用和和来做表单按扭。不同的按钮类型请参考这些元素的详细来做表单按扭。不同的按钮类型请参考这些元素的详细定义。要注意的是定义。要注意的是比比支持更丰富的表现功能。支持更丰富的表现功能。OK, I do., its great.