表单程序的写法.ppt

第二章 常用表单的写法 2.综合示例 1）新用户注册 对许多网站而言，在使用其提供的功能的时候，都需要先注册，新用户注册是用户常用的一个功能，有很多种形式，以下是一种常见的注册方式，其界面见图，它可以用页面开发工具，或者采用手工编码来实现。 2)商品搜索 商品搜索也是用户常用的一个功能，有很多种搜索形式，以下以通过关键字搜索的前端页面作为示例。它可以用页面开发工具，或者手工编码实现。下面是采用HTML编写的程序，其界面见下图。 表格(Form）在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互能力。表单和Windows的对话框类似，由若干控件组成的，用于实现和用户的交互。当用户填写完信息后进行提交(Submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，由Web服务器上的JSP或SERVLET程序处理。 表单 form/form input select /select option textarea /textarea 1.FORM/FORM标记 双标记。用来创建一个表单，即定义表单的开始和结束位置，标记对之间的内容都属于表单的内容。 3个常用属性：[action\method\target] (1) Action：处理程序的网络路径和程序名，程序可以为JSP,ASP,Servlet程序。 例：FORM Action=“login.jsp” 当用户提交表单时，服务器将执行一个名称为login.jsp的JSP程序执行. (2) Method:用来定义处理程序从表单中获得信息的方式。 Method=“get”:是处理程序从当前HTML文档中获取数据，数据量有限。 Method=“post”:方式与get相似，当前的HTML把数据传送给处理程序，但传送的数据量要比get方式大，安全。 HTML文档 处理程序 get post （3）Target属性用来指定打开目标窗口的方式。 _blank: 新建一空白窗口打开 _self： 在当前窗口打开 _top： 在上级窗口打开 _parent：在父框架中打开 例如 FORM method=post“ target=_blank“ action=login.jsp” …… /FORM 2.INPUT Type=“ ”标记 单标记。用来定义用户的输入区，此标记必须放在FORM标志对之间。 属性： [type,Name,Value] type属性取值：text/password/radio/checkbox /image/file/submit/reset/hidden/button 3.SELECT、OPTION标记 SELECT 双标记。用来创建一个下拉列表框或可以复选的列表框。此标记用于FORM/FORM标记对之间。其形式如下： SELECT Name=“select_name” Multiple Size=“n”/SELECT 属性： Multiple ：不用赋值，直接加入到标记中，列表框按ctrl可以多项选择。 Name:列表框的输入域名。 Size:用来设置列表的高度，缺省值是1 OPTION 单标记。用来指定列表框中的一个选项。此标记用于SELECT/SELECT标记对之间。其形式如下： OPTION Value=“string” Selected 属性： Selected ：用来指定默认的选项。 Value:用来指定该选项的取值，当用户进行选择操作并且选中该项时，SELECT将得到这个值。发送时这个值是要传送到服务器上的，服务器通过调用SELECT名字的Value属性来获得该区域选中的数据项。 当OPTION标记不含有VALUE属性时，则以选项文本作为最后的取值。 4.TEXTAREA标记 双标记。 用来创建一个多行文本框，此标记用于FORM标记对之间。其形式如下： TEXTAREA Name=“field_name” Rows=n Cols=m初值文本/TEXTAREA 属性： Name,Cols和Rows Cols和Rows属性分别用来设置文本框的列数和行数，列数以字符数为单位。在首尾标记之间的