HTML表格和表单要点.ppt

表单的结构 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 value=“可选项的值” …/option …… /select 说明： size确定列表中可同时看到的行数。 selected默认被选中的可选项。 表单元素的逐一介绍 查看源代码 出生日期： INPUT name=byear value=yyyy size=4 maxlength=4 nbsp;年 SELECT name=bmon OPTION value= selected[选择月份] /OPTION OPTION value=0一月/OPTION OPTION value=1二月/OPTION …… /SELECT 月nbsp; INPUT name=bday value=dd size=2 maxlength=2 日 设置此输入框最多只能输入四个符号 设置“[选择月份]”选项默认被选中 表单元素的逐一介绍 按钮基本语法 INPUT type=reset name=Reset value= 重填 按钮名称 按钮类型可为button、submit 按钮上的标签 FORM name=form6 method=post action= P INPUT type=