form表单提交中,确定和取消效果的实现

前端开发中的数据提交,目前大多数采用表单提交的方式,但是对于很对初学者来说,只知道在表单格式中,只有一个<input type="submit">,如果有两个或者要求有多个提交选择的时候应该怎么做呢,其实用js就可以简单实现:

例如下面的效果:

有一个确定和取消的提交按钮;

<form name="form" method="post" action=" " id="form">
 <b>注册</b><br/><br/>
  <span style="letter-spacing:4.5px;">用户名:</span> <input type="text" name="userName"><br/><br/>
     证件类型:&nbsp;&nbsp;
    <select  name="identifytype"  id="identifytype">
    <option value="身份证" >身份证</option>
    <option value="军官证">军官证</option>
    </select><br/><br/>
  <span style="letter-spacing:5px;">证件号:<input type="text" name="identifynum"><br/><br/>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="submit" value="注册"   οnclick="javascript:this.form.action='跳转.jsp';"/>
  <input type="submit" value="取消"  οnclick="javascript:this.form.action='当前页面.jsp';"/>

与平常的form提交不同之处在于:

1、此处的action为空,

2、在input中添加了点击事件:javascript:this.form.action

利用js的form.action去进行链接跳转。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值