网页设计ppt课件HTML中表单网页设计（一）.pptVIP

教学项目十五 HTML中表单网页设计(一) ;【新课】; Meta标志的功能是定义页面中的信息，提供文档的关键字、作者、描述等多种信息，这此信息不会在浏览器页面中显示。在head /head中可以包括任意数量的meta标志。;例1：在frontpage中查看网页的头部信息;meta http-equiv=“content-type” content=“text/html;charset=gb2312” 定义网页中显示的信息对应的字符集为简体中文;;例2.设定自动刷新;例3.设定自动跳转网页; 二、表单网页的设计 1．表单标志 form/form 格式： form name=表单名 action=处理表单数据文件名 method=传输方式 form与/form 定义表单的开始与结束，常用的属性有： Name:表单的名称 action: 指定处理表单中提交数据的网页文件 method: 指定表单中数据的传输方式 ?method=get 将表单数据附在URL后面，无保密性 Method=post 将表单数据包含在表单的主体中，与表单一起传 送到服务器端处理程序 ;2． 单行文本框 格式： input type=text size=文字域的宽度 name=字段名 value=默认值 maxlength=最大字符个数 ? 3.密码域 格式： input type=password size=显示字符个数 name=字段名 maxlength=最大字符个数 ?;5．提交按钮与取消按钮 格式： input type=submit value=按钮文字 input type=reset value=按钮文字 ? ;;HTML Head title我的个人网页/title /head body background=2.gif centerfont face=隶书 size=6客户调查表/font/center form method=post table align=center tr td职业 tdinput type=text name=zy size=12 maxlenth=16 value=IT行业 /tr tr tdQQ号 tdinput type=password name=qq size=12 maxlenth=12 /tr tr td colspan=2你对本站点提供的服务:/td /tr tr;td colspan=2 input type=radio name=fw value=bad不满意 input type=radio name=fw value=common checked比较满意 input type=radio name=fw value=good很满意 /td/tr tr tdinput type=submit value=提交/td tdinput type=reset value=重填/td /tr /table /form /body /html ;【课后小结】 HTML中制作的表单是一种静态形式，要处理表单数据并返回表单处理信息，必须与站点服务器端程序配合使用。