JSP表单

JSP表单 

今天看了一点关于表单的知识,总结如下: ?关于input标签中的type属性共有这么几种:重置reset、提交submit、字符text、密码password、上传文件file、单选radio、复选checkbox、隐藏hidden、type、botton。(其中后两者我还不知道怎么用) 填写信息类表单: [form name="myform" action="getform.jsp" method="post" οnsubmit="return checklength();"> [p> [input name="username"/>

[input name="password" type="password"/> [input type="submit" value="提交"/>

重置表单: [input name="reset" type="reset" />

重置表单(超链接): [a href='JavaScript:myform.reset();'>重置

提交表单: [input name="submit" type="submit" />

提交表单(图片代替按钮): [input name="image" type="image" src="image/sumbit.gif" />

提交表单(超链接):[a href='JavaScript:myform.submit();'>提交

 

字符串: [input type="text" name="ZiFuChuan" value="MoRenZhi" />

密码:[input type="password" name="MiMa" value="MoRenZhi">

一段文字:[textarea name="YiDuanWenZi" rows="2" Cols="3">1234

输入文件:[input type="file" name="upload" /> 在[head>上面添加负责客户端验证的JavaScript [script> function checklength(){ if(document.myform.username.value.length<3||document.myform.username.value.length>10){ alert("哎呀,名称错了,老师怎么教的?");return false; } if(document.myform.password.value.length==""||(document.myform.password.value.length<6||document.myform.password.value.length>10)){ alert("妈的,密码错了!回家问家长去!");return false;} return true; } [/script>1.GIF 其中超链接提交和重置没有成功。 填写提交后 This Is Submitted By A Form upload: YiDuanWenZi:1234 password:123123 ZiFuChuan:MoRenZhi MiMa:MoRenZhi username:12312 ------------------------------------------------------------------------------------------------------------------------------------------------------- 选择信息类表单

下拉菜单:

[form name="form" method="post" action="getform.jsp"> [select name="peoples"> [option value="A" selected="selected">Aa [option value="B" >Bb [option value="C" >Cc [/select> [input type="submit" value="Go"> [/form>

单选按钮(可以分为多组):

[form name="form1" method="post" action="getform.jsp"> [input type="radio" name="q" value="Qq1"/> q1
[input type="radio" name="q" value="Qq2" /> q2
[input type="radio" name="w" value="Qq3" /> q3
[input type="submit" value="Goooooooooooooo" /> [/form> 复选按钮: [form name="form2" method="post" action="getform.jsp"> [input type="checkbox" name="sports" value="swimming" />游泳
[input type="checkbox" name="sports" value="running" />跑步
[input type="checkbox" name="sports" value="skating" />滑冰
[input type="checkbox" name="sport" value="climp"/>攀岩
[input type="checkbox" name="sport" value="dive"/>潜水
[input type="checkbox" name="sport" value="skim"/>滑雪
[input type="submit" value="Dooooooooooooooooooooo"> [/form> 隐藏信息: [form name="form3" method="get" action="getform.jsp"> [ input type="hidden" name="WomanAge" value="secret" /> [input type="submit" value=" Askkkkkkkkkkkkkkkkkkkkk"/> [/form> 测试botton: [form name="form4" method="get" action="getform.jsp"> [input type="text"> [input type="botton" value="value" name="name" /> [/form> 2.GIF 备注:点击以后分别提交,每个form互相独立。 下拉菜单中,可以设定默认值Aa,如果不加selected="selected",则第一行为默认值,如果都加上selected="selected",则最后一行为默认值。 单选按钮中,在一个表单中可以根据name值的不同而分为小组,比如此例中Qq1和Qq2二者只能选一,而Qq3可以搭配他们选,形成实际上的“多选”。 复选框,同单选按钮一样,根据name值的不同可以分组,提交以后有两组值。 隐藏信息,隐藏信息的提交方式如果为get的话,那么地址栏也会显示提交的信息和值,也就隐藏不住了。 最下面两个不知道做什么用的。 用来查看上一页面传来什么参数及参数值的代码,放到getform.jsp页面中 <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>

This Is Submitted By A Form

<% //得到所有参数名称 java.util.Enumeration e=request.getParameterNames(); //对所有参数进行循环 while(e.hasMoreElements()) { //得到参数名 String name = (String)e.nextElement(); //得到这个参数所有值 String [] value=request.getParameterValues(name); //打印参数名 out.print(name+":"); //对一个参数的所有值进行循环 for(int i=0;i
"); } %> getInfo.jsp <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>

Information about the request

Query String:::::::<%=request.getQueryString()%>
<%--得到参数字符串--%> Request URL:::::::<%=request.getRequestURI()%>
<%--得到要求访问的页面--%> JSP Path:::::::<%=request.getServletPath()%>
<%--得到JSP页面实际存放的位置--%> Protocol:::::::<%=request.getProtocol()%>
<%--得到使用的传输协议--%> Browser:::::::<%=request.getHeader("User-Agent")%>
<%--得到客户端浏览器类型--%> Client Address::::::<%=request.getRemoteAddr()%>
<%=request.getRemoteHost()%>
<%=request.getRemoteUser()%>
<%--得到客户端地址、主机名、、--%> Scheme:<%=request.getScheme()%>
<%--得到访问策略--%> ServerName:::::::<%=request.getServerName()%>
8080:::: <%=request.getServerPort()%>
/getInfo.jsp:::: <%=request.getServletPath()%>
<%--得到本地主机名、端口号、路径--%> getAuthType()::::<%=request.getAuthType()%>
<%----%> getCharacterEncoding():::<%=request.getCharacterEncoding()%>
<%--得到字符集--%> getContentLength():::<%=request.getContentLength()%>
null:::<%=request.getContentType()%>
getAttributeNames()::::<%=request.getAttributeNames()%>
getContextPath():::<%=request.getContextPath()%>
getCookies():::<%=request.getCookies()%>
getHeaderNames():::<%=request.getHeaderNames()%>
getInputStream():::<%=request.getInputStream()%>
getLocale()::::<%=request.getLocale()%>
getLocales():::::::<%=request.getLocales()%>
getMethod()::::::<%=request.getMethod()%>
getParameterNames()::::::<%=request.getParameterNames()%>
getPathTranslated():::::<%=request.getPathTranslated()%>
getRequestedSessionId(:::::<%=request.getRequestedSessionId()%>
isSecure():::::<%=request.isSecure()%>
isRequestedSessionIdValid()::::<%=request.isRequestedSessionIdValid()%>
isRequestedSessionIdFromURL()::::<%=request.isRequestedSessionIdFromURL()%>
request.isRequestedSessionIdFromCookie()::::<%=request.isRequestedSessionIdFromCookie()%>
request.getUserPrincipal():::<%=request.getUserPrincipal()%> 我执行的结果: 3.GIF 提交请求页get.html [!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [html xmlns="http://www.w3.org/1999/xhtml"> [head> [meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> [title>get [/head> [body> [form action="check.jsp" method="get" > 用户名:[input name="username" value="test">
密码:[input type="password" name="password" value="123456" />
[input type="submit" value="提交" /> [/form> [/body> [/html> 4.GIF 得到值的页check.jsp <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> 请求种类:<%=request.getMethod()%>
用户名:<%=request.getParameter("username")%>
密码:<%=request.getParameter("password")%>
img alt="5.GIF" src="http://www.trucy.org/blog/pinkfloyd/archives/5.GIF" width="1024" height="768" /> 引用Java类。以下是显示现在时间。Time.jsp <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <%@ page import = "java.util.*"%> 现在时间: <%Calendar cal = Calendar.getInstance();%> <%out.print(cal.get(Calendar.YEAR));%>年 <%out.print(cal.get(Calendar.MONTH));%>月 <%out.print(cal.get(Calendar.DATE));%>日 <%out.print(cal.get(Calendar.HOUR));%>时 <%out.print(cal.get(Calendar.MINUTE));%>分 <%out.print(cal.get(Calendar.SECOND));%>秒 6.GIF 查看页面被访问次数times.jsp <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <% Integer number = (Integer)application.getAttribute("num"); if(number==null){ number = new Integer(1); } else{ number=new Integer(number.intValue()+1); } application.setAttribute("num",number); %> 该页面自服务器启动以来已被访问过:<%=number%> 7.GIF session的传送session.html,它负责接收一个username传给session1.jsp处理。 [%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> [!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [html xmlns="http://www.w3.org/1999/xhtml"> [head> [meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> [title>session[/title> [/head> [body> [form action="session1.jsp" method="post"> [input name="username" /> [input type="submit" value="请输入你偷来的用户名" /> [/form> [/body> [/html> 8.GIF Session1.jsp它负责接收session.html传来的username值,赋给字符串name2,然后再把name2定义为名字为name1的session。 <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <% String name2 = request.getParameter("username"); session.setAttribute("name1",name2); %> 您的用户名好像是:<%=name2%> 您想继续么?不想就算了,想就按: 9.GIF session2.jsp,调出来session <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> 您的用户名仍然是:<%=session.getAttribute("name1")%> 0.GIF
 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值