网页设计与制作-11表单.pptVIP

第十一章　使用表单 第十一章　使用表单 本章学习要点： 表单 表单对象 表单标签 11.1 学习任务：表单和表单对象 表单使网站管理者可以与Web站点的访问者进行交互，是收集客户信息和进行网络调查的主要途径。利用表单可以将客户的信息进行合理地分类整理，然后提交给服务器，做出科学、合理的决策。 11.1.1表单 1．认识表单 表单是网站管理者与浏览者沟通的纽带，也是一个网站成功的秘诀，更是网站生存的命脉。 2．创建表单 在文档中插入表单有两种方法：一种是使用菜单命令，另一种是使用“表单”按钮。 3．设置表单属性 在文档窗口中选中插入的表单，在表单“属性”面板中设置各项。 11.1.2表单对象 表单是一个容器对象，用来存放表单对象，并负责将表单对象的值提交给服务器端的某个程序处理，所以在添加文本域、按钮等表单对象之前，要先插入表单。 1．向表单中插入对象 将光标置于表单边界内（即红色虚线框内）的插入点，从“插入记录→表单”级联式菜单中选择需要的对象。 将光标置于表单边界内的插入点，在“表单”选项栏中选择并单击表单对象按钮。 在“表单”选项栏中，选中需要的表单对象按钮，按下鼠标左键将其直接拖曳到表单边界内的插入点位置。 2．认识表单对象 表单对象包含文本字段、隐藏域、文本区域、复选框、单选框、列表/菜单、跳转菜单、图像域、文件域、按钮等。 11.2 案例1 制作留言簿 〖学习目标〗通过本案例的学习，掌握表单的创建、表单文本域的插入及属性设置、按钮的插入及属性设置等。 〖知识要点〗表单创建，表单属性设置，表单的文本域应用，表单的按钮应用等。案例效果如下图所示。 11.3 案例2 会员注册 〖学习目标〗通过本实例的学习，重点掌握单选框、复选框、列表/菜单的创建及属性设置。 〖知识要点〗单选框及属性设置；复选框及属性设置；列表/菜单及属性设置等。案例效果如下图所示。 11.4 案例3 HTML的表单标签 〖学习目标〗本案例将通过HTML的表单标签生成网页表单。通过本实例的学习，希望用户进一步理解并掌握表单标签的功能及其应用。 〖知识要点〗表单及其属性设置；表单对象及其属性设置；表单标签的应用等。本案例是在“代码”视图中直接输入HTML代码，生成的表单如下图所示。 本例所需HTML代码： html head title新用户注册表单/title /head body form method=post enctype=multipart/form-data table width=400 border=0 align=center tr th colspan=2新用户注册/th 本例所需HTML代码： /tr tr td width=169 align=right姓名：/td td width=253input name=name type=text/td /tr tr td align=right密码：/td tdinput name=pass type=password/td 本例所需HTML代码： /tr tr td align=right性别：/td tdinput name=sex type=radio value=男 checked男 input type=radio name=sex value=女女/td /tr tr td align=right爱好：/td tdinput name=love1 type=checkbox value=音乐 本例所需HTML代码： 音乐 input name=love2 type=checkbox value=上网 上网 input name=love3 type=checkbox value=看书 看书/td /tr tr td align=right来自：/td tdselect name=from 本例所需HTML代码： option value=shandong山东省/option option value=hainan selected海南省/option option value=hunan湖南省/option /select/td