表单程序的写法.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属性分别用来设置文本框的列数和行数，列数以字符数为单位。在首尾标记之间的