所有按钮和图像调用表单操作

Question

当我点击每个按钮时，我想做一个动作......当点击图像时，我想调用表单动作

但现在看起来像所有按钮调用表单操作

   <c:forEach var="userBeans" items="${userBeanList}" varStatus="statusReport">
        <form data-action="/secure/downloadcsvUser/${userBeans.key}">
            <tr>
                <td>${statusReport.count}</td>
                <td>${userBeans.value.title}</td>
                <td>
                    <c:if test="${userBeans.value.hasParams}">
                        <c:forEach var="paramName" items="${userBeans.value.listParamNames}" varStatus="statusParam">
                            ${paramName} <input type="text" id="${userBeans.key}${statusParam.count}" name="${paramName}" size="12" maxlength="10" />
                        </c:forEach>
                    </c:if>
                </td> 
                <td align="center">
                   <button id="editUserButton${statusReport.count}"></button>
                   <button id="deleteUserButton${statusReport.count}"></button>
                   <input type="image" height="25" width="25" src="/resources/img/report-run.png"/>
                </td>
            </tr>
        </form>
    </c:forEach>

也许有一种更通用的方法来代替使用我的表单？

Answer 1

button元素会自动提交表单，因为默认的“类型”属性为“提交”（see this question）。