继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JSP页面实用小技巧之一 如何让页面表单外的按钮提交表单--(菜鸟程序员日记)

程序员_818
关注TA
已关注
手记 1
粉丝 0
获赞 8

今天在学习框架整合中又学到了一个额外的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方法。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP