文档介绍：第10章使用表单
本章简介:
随着网络的普及,越来越多的人在网上拥有自己的个人网站。一般情况下,个人网站的设计者除了想宣传自己外,还希望收到他人的反馈信息。表单为网站设计者提供了通过网络接收用户数据的平台,如注册会员页、网上订货页、检索页等,都是通过表单来收集用户信息。因此,表单是网站管理者与浏览者间沟通的桥梁。
认识表单
表单是一个容器对象,用来存放表单对象,并负责将表单对象的值提交给服务器端的某一程序处理,所以在添加文本域、按钮等表单对象之前,要先插入表单。
课堂学****目标
使用表单
应用复选框和单选按钮
创建列表和菜单
使用表单
课堂案例——产品订单
创建表单
表单的属性
单行文本域
隐藏域
课堂案例——产品订单
使用“表单”按钮插入表单。使用“表格”按钮插入表格。使用“文本字段”按钮插入文本字段。使用“文本区域”按钮插入文本区域。使用“属性”面板设置表格、文本字段和文本区域的属性。
效果图
创建表单
在文档中插入表单的具体操作步骤如下。
(1)在文档窗口中,将插入点放在希望插入表单的位置。
(2)启用“表单”命令,文档窗口中出现一个红色的虚轮廓线用来指示表单域。
创建表单
创建表单
启用“表单”命令:
(1)单击“插入”面板“表单”选项卡中的“表单”按钮,或直接拖曳“表单”按钮到文档中;
(2)选择“插入记录>表单>表单”命令。
一个页面中包含多个表单,每一个表单都是用<form> 和</form>标记来标志。在插入表单后,如果没有看到表单的轮廓线,可选择“编辑>首选参数>不可见元素”命令来显示表单的轮廓线。
返回
表单的属性
在文档窗口中选择表单,“属性”面板中出现表单属性。
表单名称:是<form>标记的name参数,用于标识表单的名称。每个表单的名称都不相同。
动作:是<form>标记的name参数,用于设置处理该表单数据的动态网页路径。
方法:是<form>标记的method参数,用于而设置将表单数据传输到服务器的方法。可供选择的方法有POST方法和GET方法。
MIME类型:是<form>标记的enctype参数,用于设置提交给服务器处理的数据使用的MIME编码类型。
目标:是<form>标记的target参数,用于设置一个窗口,在该窗口中显示处理表单后返回的数据。
表单的属性
POST方法:是在HTTP请求中嵌入表单数据,并将其传输到服务器,该方法适合于向服务器提交大量数据的情况;
GET方法:是将值附加到请求的URL中,并将其传输到服务器。GET方法有255个字符的限制,所以适合于向服务器提交少量数据的情况。
通常默认为POST方法。
返回
单行文本域
通常使用表单的文本域来接收用户输入的信息,文本域包括单行文本域、多行文本域、密码文本域3种。
一般情况下:
当用户输入较少的信息时,使用单行文本域接收;
当用户输入较多的信息时,使用多行文本域接收;
当用户输入密码等保密信息时,使用密码文本域接收。