今天在学习框架整合中又学到了一个额外的JSP页面实用小技巧,可以让表单外面的按钮更便捷的提交表单。
部分代码展示:
<form action="student_edit" method="post" id="form1" >
<table>
<tr>
<td>学生姓名</td>
<td><input type="text" value="student.name"/></td>
</tr>
</table>
</form>
上面代码部分是一个表单展示,可以看到以上表单中并没有表单提交按钮,那么该怎么去提交表单呢?可以来看一下这种方式:
<div>
<a href="javascript:document.getElementById('form1').submit()"><button>提交</button></a>
<!--还可以这样进行回退,也就是通常项目中用到的返回按钮-->
<a href="javascript:history.go(-1)"><button>返回</button></a>
</div>
用上这种方式就可以进行提交了,上面例子是把表单提交给了student的Action类中的一个edit方法。