Java (Spring MVC;JSP files for UI)如何让程序只需键入数据,而不点击提交按钮,就可以在前端UI上提交数据?

Java (Spring MVC;JSP files for UI)如何让程序只需键入数据,而不点击提交按钮,就可以在前端UI上提交数据?,java,mysql,spring,jsp,model-view-controller,Java,Mysql,Spring,Jsp,Model View Controller,我在月食中。使用Spring框架和JSP文件构建前端外观。模型-视图-控制器设计模式。连接到MYSQL 我只想能够在前端用户界面上输入信息的方式,你可以在excel中。在框中单击并键入所需内容。更新数据的简单方法。比如微软的excel。我该怎么做 现在,我必须单击另一个页面的编辑链接,输入信息,然后单击提交按钮(代码如下所示) 有点像微软的Excel。就这样。我该怎么做?这是我现在的代码。 这是我的页面,其中包含数据表: <%@ page language="java&quo

我在月食中。使用Spring框架和JSP文件构建前端外观。模型-视图-控制器设计模式。连接到MYSQL

我只想能够在前端用户界面上输入信息的方式,你可以在excel中。在框中单击并键入所需内容。更新数据的简单方法。比如微软的excel。我该怎么做

现在,我必须单击另一个页面的编辑链接,输入信息,然后单击提交按钮(代码如下所示)

有点像微软的Excel。就这样。我该怎么做?这是我现在的代码。

这是我的页面,其中包含数据表:

  <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Data</title>
    </head>
    <body>
        <h1 align="center">Add Data</h1>
        <br />
        <table border="1" cellpadding="10">
        
            <tr>
                <th>Reservations</th>
                <th>Date</th>           
                <th>Delete/Edit</th>
                                
            </tr>
                        <c:forEach var="hotel" items="${guests}">           
                <tr>                
                    <td>${hotel.reservationName}</td>
                    <td>${hotel.dateToday}</td>
                    <td><a href="/edit/ + ${hotel.id}">Edit</a> <a
                        href="/delete/ + ${hotel.id}">Delete</a></td>
                    
                </tr>
                
            </c:forEach>
        </table>    
    </body>
    </html>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Data</title>
</head>
<body>
    <h1 align="center">Edit Data</h1>
    <br />
    <form:form action="/save" method="POST" modelAttribute="guests"> 
                  
                Reservation:
                      <form:input path="reservationName"  />
                        <br>
                        <br>
                Date:                 
                      <form:input path="dateToday" />
                        <br>
                        <br>                              
        <input type="submit" value="Submit" />
        <br>
        <br>
    </form:form>
</body>

</html>

资料
添加数据

保留地 日期 删除/编辑 ${hotel.reservationName} ${hotel.dateToday}
这是当前的编辑数据页面,我必须单击此处编辑数据,然后单击提交以更新数据:

  <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Data</title>
    </head>
    <body>
        <h1 align="center">Add Data</h1>
        <br />
        <table border="1" cellpadding="10">
        
            <tr>
                <th>Reservations</th>
                <th>Date</th>           
                <th>Delete/Edit</th>
                                
            </tr>
                        <c:forEach var="hotel" items="${guests}">           
                <tr>                
                    <td>${hotel.reservationName}</td>
                    <td>${hotel.dateToday}</td>
                    <td><a href="/edit/ + ${hotel.id}">Edit</a> <a
                        href="/delete/ + ${hotel.id}">Delete</a></td>
                    
                </tr>
                
            </c:forEach>
        </table>    
    </body>
    </html>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Data</title>
</head>
<body>
    <h1 align="center">Edit Data</h1>
    <br />
    <form:form action="/save" method="POST" modelAttribute="guests"> 
                  
                Reservation:
                      <form:input path="reservationName"  />
                        <br>
                        <br>
                Date:                 
                      <form:input path="dateToday" />
                        <br>
                        <br>                              
        <input type="submit" value="Submit" />
        <br>
        <br>
    </form:form>
</body>

</html>

资料
编辑数据

预订:

日期: