在隐藏表单字段的情况下,一般使用隐藏(不可见)文本字段来维护用户的状态。
在这种情况下,我们将信息存储在隐藏字段中,并从另一个servlet获取信息。 如果必须在所有页面中提交表单,但不想依赖浏览器,这种方法会更好。
下面来看看看在隐藏字段中存储值的代码。
<input type="hidden" name="uname" value="maxsu">
这里,必须指定input
控件的type
属性为:type="hidden"
, uname
是隐藏的字段名称,maxsu
是隐藏字段uname
的值。
应用隐藏表单字段
它广泛用于网站的评论形式。 在这种情况下,我们将页面ID或页面名称存储在隐藏字段中,以便可以唯一标识每个页面。
隐藏表单字段的优势
- Cookie是否被禁用隐藏表单字段都会始终有效。
隐藏表单字段的缺点:
- 它在服务器端维护。
- 每个页面需要额外提交表单和字段。
- 只能使用文本信息。
使用隐藏表单字段的示例
在本示例中,我们将用户名称存储在隐藏的文本字段中,并从另一个servlet获取该值。
打开Eclipse,创建一个动态Web项目:HiddenFormField,其完整的目录结构如下所示 -
以下是几个主要的代码文件。
文件:index.html -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>隐藏表单字段</title>
</head>
<body>
<div style="text-algin: center; padding-top: 12px;">
<form action="servlet1" method="post">
名字:<input type="text" name="username" /><input type="submit"
value="提交" />
</form>
</div>
</body>
</html>
文件:FirstServlet.java -
package com.yiibai;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class FirstServlet extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response) {
try {
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String n = request.getParameter("username");
out.print("Welcome " + n);
// creating form that have invisible textfield
out.print("<form action='servlet2' method='post'>");
out.print("<input type='hidden' name='username' value='" + n + "'>");
out.print("<input type='submit' value='提交'>");
out.print("</form>");
out.close();
} catch (Exception e) {
System.out.println(e);
}
}
}
文件:SecondServlet.java -
package com.yiibai;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class SecondServlet extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response) {
try {
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
// Getting the value from the hidden field
String n = request.getParameter("username");
out.print("Hello " + n);
out.close();
} catch (Exception e) {
System.out.println(e);
}
}
}
文件:web.xml -
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">
<display-name>HiddenFormField</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>s1</servlet-name>
<servlet-class>com.yiibai.FirstServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>s1</servlet-name>
<url-pattern>/servlet1</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>s2</servlet-name>
<servlet-class>com.yiibai.SecondServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>s2</servlet-name>
<url-pattern>/servlet2</url-pattern>
</servlet-mapping>
</web-app>
在编写上面代码后,部署此Web应用程序,打开浏览器访问URL: http://localhost:8080/HiddenFormField/ ,如果没有错误,应该会看到以下结果 -
在上面输入框中输入:maxsu
,提交应该会看到以下结果 -
然后使用表单隐藏字段,再次提交,应该会看到以下结果 -