第5章表单框架和多媒体(网页设计与制作).pptVIP

5.1 表单 主页上具有可输入表项及项目选择等控制所组成的栏目称为表单。 收集质量调查、电子购物、商品交易、人才招聘等用户的反馈信息，是实现网上的信息交流重要手段。 5.1.1 表单的标记 表单的基本语法及格式为： FORM action=网址或mailto:mail地址method=get|post INPUT type=表项名 name=名 size=x maxlength=y … /FORM 5.1 表单 5.1.2 文字和密码的输入 INPUT type= text name= value= size=x maxlength=y INPUT type= password name= value= size=x maxlength=y 5.1.3 重置和提交 格式为： INPUT type=reset value=按钮名 name= INPUT type=submit value=按钮名 name= 当缺省value的设置值时，重置和提交的按钮分别显示为“重置”和“提交查询内容”。 [例5.1] 文本框和密码框 HTML HEADTITLE密码属性/TITLE/HEAD BODY FORM ACTION=/cgi-bin/get.exe METHOD=GET 姓名：INPUT TYPE=TEXT NAME=user SIZE=10BR 密码：INPUT TYPE=PASSWORD NAME=pwd MAXLENGTH=10 /FORM /BODY /HTML [例5.2] reset和submit按钮 HTML HEADTITLERESET属性/TITLE/HEAD BODY FORM ACTION=/cgi-bin/get.exe METHOD=GET 姓名：INPUT TYPE=TEXT NAME=userBR 密码：INPUT TYPE=PASSWORD NAME=pwdBR INPUT TYPE=RESET INPUT TYPE=SUBMIT /FORM /BODY/HTML 5.1.4 单选按钮和复选框 1.单选按钮 用于在同一类型项目中选择一个的场合。格式为： INPUT type=“radio” name=“控制名” value=“值” checked按钮文本 name相同的单选按钮组成一组。 2.复选框 用于在同一类型项目中选择一个或多个的场合。格式为： INPUT type=checkbox name=控制名　checked按钮文本 [例5.3] 单选按钮 HTMLHEADTITLERADIO选项/TITLE/HEAD BODY FORM ACTION=/cgi-bin/get.exe METHOD=GET 婚姻：br INPUT TYPE=RADIO NAME=merry已婚br INPUT TYPE=RADIO NAME=merry未婚br 请选择最高学历：br INPUT TYPE=“RADIO” CHECKED NAME=“diploma” VALUE=“1”小学 br INPUT TYPE=RADIO NAME=diploma VALUE=2初中br INPUT TYPE=RADIO NAME=diploma VALUE=3高中br INPUT TYPE=RADIO NAME=diploma VALUE=4专科br INPUT TYPE=RADIO NAME=diploma VALUE=5大学br INPUT TYPE=RADIO NAME=diploma VALUE=6研究所br /FORM/BODY/HTML [例5.4] 复选框 HTML HEADTITLECHECKBOX选项/TITLE/HEAD BODY FORM ACTION=/cgi-bin/get.exe METHOD=GET 姓名：INPUT TYPE=TEXT NAME=userBR 常用软件：BR INPUT TYPE=CHECKBOX NAME=software1“CHECKEDWordBR INPUT TYPE=CHECKBOX NAME=software2ExcelBR INPUT TYPE=CHECKBOX NAME=software3PowerPointBR INPUT TYPE=CHECKBOX NAME=software4AccessBR /FORM /BODY/HTML 5.1.5 选择栏 1.选择栏 格式为： SELECT size=x name=控制操作名 multiple