表单程序写法课件.ppt

第二章; 表格(Form）在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互能力。表单和Windows的对话框类似，由若干控件组成的，用于实现和用户的交互。当用户填写完信息后进行提交(Submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，由Web服务器上的JSP或SERVLET程序处理。;form/form;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方式大，安全。;（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属性分别用来设置文本框的列数和行数，列数以字符数为单位。在首尾标记之间的所有文本都是该控件的初值。;!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE form /TITLE BODY FORM METHOD=POST ACTION=login.jsp target=_blank UserName:INPUT TYPE=text NAME=UserNamebr UserPassword:INPUT TYPE=password NAME=userPasswordbr HiddenProperties:INPUT TYPE=hidden NAME=userH