当前位置:文档之家› 表单网页的制作方法

表单网页的制作方法

表单网页的制作方法
表单网页的制作方法

表单网页的制作方法

教学目的:

1、理解表单的概念及作用;

2、熟悉表单字段的种类和功能;

3、掌握表单网页的制作方法。

教学重点:

1、表单作用的理解和表单网页的制作。

2、如何验证表单元素的正确性。

教学难点:

1、如何将表单具体应用,设计出精美网页。

2、如何验证表单元素的正确性。

新课内容:

一、表单的概念及作用

表单(Form)是一种结构化的文件,用于收集和发布信息。它是网站管理员与访问者进行交流的一种媒介,通过访问者填写表单中的选择题、填空题和问答题,网站管理员可以收集到来自世界各地的资料和意见。目前表单主要用来进行意见调查、在线查询、网上购物、在线申请等。在表单中经常出现的字段有:单行文本框、多行滚动文本框、单选框、复选框、下拉列表框和按钮。

二、HTML表单设计基础

表单在HTML页面中起着重要作用,它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后,按下“提交资料”按钮,这样所填资料就会通专门的CGI接口传到Web服务器上。网页的设计者随后就能在Web服务器上看到用户填写的资料,从而完成了从用户到作者之间的反馈和交流。对于免费个人网站,往往服务器不提供CGI功能,也可以电子邮件来接收用户的反馈信息。

表单中主要包括下列元素:

button——普通按钮

radio ——单选按钮

checkbox——复选框

select ——下拉式菜单

text ——单行文本框

textarea——多行文本框

submit——提交按钮

reset——重填按钮

用HTML设计表单常用的标记是: