第4章HTML常用标记3.ppt

表单的运用 表单的运用 表单包含的控件 表单页面的基本结构 表单元素的基本格式 表单元素-文本框 文本框基本语法 INPUT type=“text ” value=张三 size=20 表单元素-密码框 密码框基本语法 INPUT type=“password ” value=“ 123456 ” size=“22” 表单元素-单选按钮 表单元素-复选框 表单元素-下拉列表 表单元素-重置按钮 表单元素-多行文本 小结1 表单综合练习 要求 背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮，内容以mail形式提交。 留言簿 Web系统设计 第四章 HTML常用标记3 本章知识点回顾 表单 表单和表格 表单的运用 搜索工具 表单 注册用户 反馈信息 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) METHOD =“post或get” ACTION METHOD 指定提交后，由服务器上那个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = “URL” FORM action=“” method=“post” …… /FORM FORM method=post action= INPUT type=“…“ name=”名称” value=“值 size=“长度“ maxlength=“最大长度” checked=”选中“ / …… /FORM FORM name=form1 method=post action= P名nbsp;nbsp;字： INPUT type=text value=张三 size=20 /P …… /FORM FORM name=form2 method=post action= …… P密nbsp;nbsp;码： INPUT value=“ 123456 ” type=password size=22 /P /FORM 单选按钮基本语法 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” 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 value= 重填 FORM name=form6 method=post action= P INPUT type=reset name=Reset value= 重填 …… INPUT type=b